JavaScript 最佳实践和标准

---

JavaScript 是一种流行的编程语言，广泛用于构建 Web 应用程序。它是一种强大而灵活的语言，可用于创建各种应用程序，从简单的脚本到复杂的程序。一些编写 JavaScript 代码的常见实践 -

用名称命名事物。这很容易，因为它们简短易读。

避免使用全局变量。这些是程序中的通用变量。很难理解代码中发生了什么。当代码更改时，也会导致问题。

编码风格很重要，这样你的代码看起来井井有条。遵循特定的技术以确保所有内容看起来都一样。

不要混合不同的技术。这可能会导致问题。在有意义的情况下使用快捷方式表示法。一次处理一项特定任务会让您更容易。

避免过度嵌套。有一些方法可以使循环运行得更快。这意味着程序将在更短的时间内完成更多工作。

不要过多地访问 DOM（文档对象模型）。如果要为网页添加额外的功能，可以使用 JavaScript。它不会占用页面上的太多空间，因此您可以放心地添加更多内容。

之前取得巨大成就的人可以帮助我们实现目标。

具体的最佳实践

无论何时想要在代码中使用局部变量，都应首先声明它。它让计算机知道您在程序的这个特定位置使用此变量。

顶部的声明很重要。它们显示了文档的内容。

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

• 使用 const 声明对象。

• const 数组是一种只能保存常量值的数组类型。

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

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

• 使用严格相等 (===) 比较。

• 利用参数默认值。

• 使用默认值结束 Switch 语句。

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

• 不要使用 eval。

• 考虑使用 let 和 const。

我们可以使用 let 关键字定义具有其块特定作用域的局部变量。我们可以使用 const 关键字定义具有固定值的局部块作用域变量。在声明变量时，在适用情况下使用 let 和 const 关键字。请记住，const 关键字仅阻止重新赋值。这不会使变量变得不可变。

使用正则表达式

在提取或处理字符串时，正则表达式是一个非常有效且令人愉悦的工具。在执行复杂字符串搜索和操作时，请使用正则表达式而不是 indexOf() 和 substring()。

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

始终牢记未来

如果您将来需要在此 if 语句中添加更多命令怎么办？您需要更改此代码段才能实现该目的。

应用 JSLint

调试器 JSLint 创建者是 Douglas Crockford。只需将您的脚本放入提供的框中，程序就会快速检查是否存在任何明显的错误和问题。

脚本应位于页面底部

请注意，主要目标是尽可能使用户的体验尽可能流畅。浏览器必须等到脚本加载完成后才能加载脚本。因此，用户将不得不等待更长时间才能看到任何进展。

如果 JS 文件的唯一作用是添加功能（例如，在按钮点击后），请将其放置到底部，靠近结束的 body 标签处。毫无疑问，这是最佳实践。

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

在执行长时间的 for 语句时，避免让 JavaScript 引擎的工作量超过必要。

描述您的代码

乍一看，这似乎没有必要，但您需要彻底地注释您的代码。几个月后项目发生了什么，您意识到您无法立即回忆起您的逻辑？如果您的同事之一需要更改您的代码，您会有什么感觉？始终对重要的代码部分进行注释。

使用 {} 而不是 New Object ()

在 JavaScript 中，有许多方法可以构建对象。new function Object() { [native code] } 可能是更传统的方法。

但是，这种方法被标记为“不良实践”。它有点不寻常，但并不危险。我们建议改用“对象文字”技术。

在创建 for-in 语句时要小心

您可能会发现，在迭代对象中的组件时，您还会收到方法函数或其他继承的属性。始终将代码封装在 if 语句中，该语句使用 function hasOwnProperty() { [native code] } 进行过滤以解决此问题。

自执行过程

无需通过代码调用即可自动调用函数非常简单。只需将您的 JavaScript 函数括在括号中，然后跟随另一组括号，作为 JavaScript 函数的回调。

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

JavaScript 库（如 jQuery 和 lodash）可以帮助您更快地编写代码，尤其是在处理 AJAX 时。但是，请记住，库永远不会像纯 JavaScript 那样快。

尽管 jQuery 的 each() 方法非常适合循环，但本机 for 语句始终会稍微快一些。

使用箭头函数

箭头函数是 JavaScript 的一项新增功能，也是一项重要的功能。它们提供了广泛的优势。首先，它们使 JavaScript 的函数部分更易于编写且更美观。

并行 Promise 执行

最好同时执行异步操作，因为这将加快速度并提高应用程序的响应能力。如果您的任务彼此不依赖，只需将它们用“Promise.all”包装并一起运行即可。

单独放置 JavaScript

将 JavaScript 添加到单独的文件中以提高代码可读性。

结论

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