蔡乔布撰写

1. 控制台.log

• 为控制台日志添加颜色

别再这样做了！ ❌

试试这个吧。 ✅

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

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

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

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

2. 对象解构

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

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

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

3. 模板文字

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

改为执行此操作。 ✅

4. 扩展运算符

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

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

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

改为执行此操作。

5. 循环

您是否因以这种方式进行 for 循环来计算数组中的成本总额而感到内疚？别再这样做了。 ❌

开始改变你的风格。

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

概括

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

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

火星密码 跟随

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