需要了解的JavaScript最佳实践和标准

需要了解的JavaScript最佳实践和标准

JavaScript是一种流行的编程语言,被广泛用于构建网络应用程序。它是一种强大而灵活的语言,可以用来创建各种各样的应用程序,从简单的脚本到复杂的程序。编写JavaScript代码的一些常见做法是:

以事物的名称命名。这很容易,因为它们很短,容易阅读。

避免使用全局变量这些是程序中的一般变量。它很难理解代码中正在发生的事情。当代码被改变时,它也会导致问题。

编码风格是很重要的,这样你的代码看起来才会整洁。遵循特定的技术,以确保一切看起来都是一样的。

不要混合使用不同的技术_。它可能会导致问题。在有意义的情况下使用快捷键符号。一次处理一个特定的任务会让你更轻松。

避免严重的嵌套有一些事情你可以做,使循环运行得更快。这意味着程序将在更短的时间内完成更多的工作。

不要让访问你的DOM(文档对象模型)太多。如果你想在你的网页上添加额外的功能,你可以使用JavaScript。它不会占用页面太多的空间,所以你就可以放心地添加更多的内容。

在我们之前做过伟大事情的人可以帮助我们实现我们的目标。

具体的最佳做法

每当你想在你的代码中使用一个局部变量时,你应该首先声明它。它让计算机知道你要在程序中的这个特定位置使用这个变量。

上面的声明是重要的。它们显示了文件的内容是什么。

首先,我们需要设置一些变量。这些将帮助我们记住我们正在做什么。

  • 用const来声明对象。

  • 常数是一种只能容纳常量值的数组。

  • 不要用对象现有的构造函数创建一个新的对象 new Object()

  • 不惜一切代价避免自动类型转换。

  • 利用严格的平等(===)进行比较。

  • 利用参数的默认值。

  • 使用默认值来结束你的交换机。

  • 不要使用数字、字符串或布尔值的对象。

  • 不要使用评价。

  • 考虑到let和const的使用。

我们可以通过使用let关键字来定义本地变量,这些变量有其特定的块范围。我们可以使用const关键字来定义有固定值的本地块范围的变量。在声明你的变量时,在适当的时候利用let和const关键字。const关键字只能防止重新赋值,所以要记住这一点。变量并没有因此而变得不可改变。

使用 Regex

在提取或处理字符串时,Regex是一个令人难以置信的有效和愉快的工具。在进行复杂的字符串搜索和操作时,使用Regex而不是indexOf()和substring()。

你可以使用正则表达式找到复杂的模式,然后改变或提取与这些模式相匹配的文本。

始终牢记未来

如果你将来需要在这个if语句中添加更多的命令怎么办?你将不得不改变这部分代码来实现这一点。

应用JSLint

Debugger JSLint的创建者是Douglas Crockford。只要把你的脚本放到提供的盒子里,程序就会迅速检查出任何明显的错误和问题。

脚本应在页面底部

请注意,主要目的是使用户的体验尽可能地无缝。浏览器必须等待加载脚本,直到文件加载完毕。因此,用户将不得不等待更长的时间才能看到任何进展。

如果JS文件的唯一职责是增加功能,例如在点击按钮之后,则应将其放在底部,即正文标签结束之前。毋庸置疑,这是一种最佳做法。

在 “for “语句之外声明变量

在执行long-for语句时,避免让JavaScript引擎的工作强度超过需要。

描述你的代码

乍一看,这可能显得毫无必要,但你想对你的代码进行彻底的评论。几个月后,项目发生了什么,你发现你无法立即回忆起你的逻辑?如果你的一个同事需要修改你的代码,你会有什么感觉?始终对重要的代码部分进行注释。

使用{}来反对新对象()

在JavaScript中,有许多方法来构建对象。新的函数Object() { [本地代码] }可能是一个比较传统的方法。

然而,这种做法被标记为 “不良做法”。它有点出格,但并不危险。我们建议使用 “对象字面 “技术来代替。

在发表for-in声明时要小心谨慎

你可能会发现,在迭代一个对象中的组件时,你也会收到方法函数或其他继承的属性。始终将你的代码封装在一个if语句中,用函数hasOwnProperty() { [本地代码] }来过滤,以解决这个问题。

自我执行程序

自动调用一个函数而不通过代码调用它是很容易的。只要把你的JavaScript函数放在小括号里,后面再加一个作为JavaScript函数回调的集合。

使用原始JavaScript总是比使用库更快

像jQuery和lodash这样的JavaScript库可以帮助你更快地编码,特别是在使用AJAX时。但还是要记住,库永远不会像纯JavaScript那样快。

尽管jQuery的each()方法对于循环来说是非常好的,但是本地的for语句总是会更快一些。

采用箭头函数

箭头函数是最近加入到JavaScript中的,是一个进一步的关键功能。它们提供了广泛的优势。首先,它们使JavaScript的功能部分更容易编写,而且更美观。

平行承诺的执行

最好是同时执行你的异步操作,因为这将加快和提高你的应用程序的响应速度。只要用 “Promise.all “来包装你的任务,如果它们不依赖于彼此的结果,就可以一起运行它们。

单独放置JavaScript

在一个单独的文件中添加JavaScript,以提高代码的可读性。

结论

本教程讨论了JavaScript是否有任何标准或最佳实践。当然,有很多使用JavaScript的标准。我们建议你在你的JavaScript项目中遵循所有这些最佳实践。

Python教程

Java教程

Web教程

数据库教程

图形图像教程

大数据教程

开发工具教程

计算机教程

JavaScript 教程