需要了解的 JavaScript 最佳实践和标准
javascriptweb developmentfront end technology更新于 2024/8/9 15:14:00
JavaScript 是一种流行的编程语言，广泛用于构建 Web 应用程序。它是一种功能强大且灵活的语言，可用于创建各种各样的应用程序，从简单的脚本到复杂的程序。编写 JavaScript 代码的一些常见做法 −
用名称命名事物。这很容易，因为它们很短且易于阅读。
避免使用全局变量。这些是程序中的一般变量。很难理解代码中发生了什么。当代码更改时，它也会导致问题。
编码风格很重要，这样您的代码看起来才整洁。遵循特定的技术以确保一切看起来都一样。
不要混合使用不同的技术。这可能会导致问题。在有意义时使用快捷符号。一次处理一项特定任务将使您的工作更加轻松。
避免大量嵌套。您可以采取一些措施来加快循环运行速度。这意味着程序将在更短的时间内完成更多工作。
不要过多地访问 DOM(文档对象模型)。如果您想为网页添加额外功能，可以使用 JavaScript。它不会占用页面上的太多空间，因此您可以放心添加更多内容。
在我们之前做过伟大事情的人可以帮助我们实现目标。
具体最佳实践
每当您想在代码中使用局部变量时，都应首先声明它。它让计算机知道您正在程序中的这个特定位置使用此变量。
上面的声明很重要。它们显示了文档的内容。
首先，我们需要设置一些变量。这些将帮助我们记住我们正在做什么。
用 const 声明对象。
const 数组是一种只能保存常量值的数组类型。
不要用对象现有的构造函数 new Object() 创建新对象
不惜一切代价避免自动类型转换。
使用严格相等 (===) 比较。
使用参数默认值。
使用默认值结束切换。
不要使用数字、字符串或布尔值对象。
不要使用 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 总是比使用库更快
jQuery 和 lodash 等 JavaScript 库可以帮助您更快地编写代码，尤其是在使用 AJAX 时。但请记住，库永远不会像纯 JavaScript 那样快。
尽管 jQuery 的 each() 方法非常适合循环，但原生 for 语句总是会更快一些。
使用箭头函数
箭头函数是最近添加到 JavaScript 中的一项重要功能。它们提供了广泛的优势。首先，它们使 JavaScript 的功能部分更易于编写且更美观。
并行 Promise 执行
最好同时执行异步操作，因为这将加快并提高应用程序的响应能力。如果任务不依赖于彼此的结果，只需用"Promise.all"包装它们并一起运行即可。
单独放置 JavaScript
将 JavaScript 添加到单独的文件中以提高代码的可读性。
结论
本教程讨论了 JavaScript 是否有任何标准或最佳实践。当然，使用 JavaScript 有很多标准。我们建议您在 JavaScript 项目中遵循所有这些最佳实践。
相关文章
使用 HTML、CSS 和 JavaScript 创建动态成绩单
JavaScript 中的逻辑与运算符 (&&) 是什么?
什么是 JavaScript 中的逻辑或运算符 (||)?
使用 JavaScript 从 URL 获取 YouTube 视频 ID
如何从 onsubmit 事件调用 JavaScript 函数?
7 个最佳 JavaScript IDE 或代码编辑器
使用 Excel.js 处理 Excel 文件
如何在 JavaScript 中查找 HTML 元素的位置?
如何使用 JavaScript 停止浏览器的后退按钮?
如何使用 JavaScript 查找三角形的面积?
有用资源
javascript 参考教程 - 该教程包含有关 javascript 的更多信息:https://www.w3schools.cn/javascript/
打印
下一节 ❯❮ 上一节