你应该知道的 JavaScript 技巧

作者：Joab Chua

1. 控制台.log

• 为控制台日志添加颜色

别再这样做了！ ❌

试试这个吧。 ✅

但如果你有一个对象数组，尝试这个会更好吗？

如果您想测量代码中某些操作的运行速度，请尝试此操作。

执行 console.time 和 console.timeEnd 来测量在浏览器控制台中花费的时间。
最后，如果您想跟踪代码及其执行顺序，请尝试此操作。

您将能够看到调试应用程序所需的大量信息。

2. 对象解构

您以前是否遇到过这样的情况：您只需要对象中的几个变量，但您正在传递完整的对象并以这种传统方式使用它？

在你的函数中重复使用人类对象声明？不要这样做。请改用 ES6 对象解构。 ✅

解构函数参数中需要使用的变量。或者，您可以在函数本身内部进行解构。

3. 模板文字

❌ 当您尝试用字符串拼接变量时不要这样做。

改为执行此操作。 ✅

4. 扩展运算符

假设您有 2 个对象，并且您想要将它们组合起来或将 1 个对象的某些属性分配给另一个对象。按照传统，我们会这样做。

从技术上讲，这没有什么问题，只是你实际上是在改变你的对象。试试这个吧。 ✅

扩展运算符最好的一点是它也适用于数组。 ？
而不是这个。

改为执行此操作。

5. 循环

你是否犯过这样的 for 循环来计算数组中的成本总额？别再这样做了。 ❌

开始改变你的风格吧。

干净又精瘦。工作完成了！ ✅

概括

希望这些技巧能够指导您编写更好、更干净、更精简的代码。

由 MarsCode 赞助
欢迎加入我们的 Discord 与我们讨论您的想法。

火星密码 关注

MarsCode 提供人工智能驱动的 IDE 和人工智能扩展来协助您完成编程任务。

以上是你应该知道的 JavaScript 技巧的详细内容。更多信息请关注PHP中文网其他相关文章！