JavaScript的注意点

我又来更新了，这两天又去面试了两家公司，不知道怎么说，面试必问可视化适配问题，都回答麻木了，反正一言难尽，找工作累，还是来更新一下技术，找找存在感，快乐一点。。。。。

今天来更新一个JavaScript的注意点，平时写代码可能会忽略的细节。。。。。

在懂得如何写JavaScript代码之后，想要进步，就需要在实践中注意更多的细节，要跳出只会写代码，不懂得原理和细节的模式了。

1、在顶部声明并初始化变量

没有什么比延迟声明更能破坏可读性的了。就好像在开始工作之前准备好所有工具可以帮助简化工作，在进入函数的细节之前声明所有变量也可以让程序更简单。这也方便了我们以后调整变量名称或值。

至于变量，最佳做法是在创建时初始化变量，以便开发人员可以确定没有undefined的变量。

2、识别并删除重复的代码

有时，代码中不可避免地会出现重复的代码行。在这种情况下，应将重复的代码改写为函数，然后再调用即可。

这不仅减少了视觉混乱，还有助于以后的调试，这样一来后续接手的人员只需要查看函数，而不必一一检查多处代码。

比如以下例子：

3、多注释代码

作为一个前端，干了那么多年，个人觉得最讨厌的事情就是接手别人没有注释的代码了，阅读性是真的差啊。。。。

注释是总结代码片段目的的好方法，可以节省其他开发人员靠去理解代码所需的时间。

如果代码未完成注释描述应完成的任务，还能及时捕获可能的错误。一般来说，最好每个函数都有一条注释。如果太过杂乱，大不了以后删除罢了

4、不要过度使用循环嵌套

循环递归函数不要嵌套太多层。虽然说多层嵌套能一次解决许多问题，但是这可能会产生大量运行成本，别人看代码也会很烦的。

所以，最好的方式是尽可能在不产生大量运行时成本的前提下，解放嵌套的递归函数。

5、尽量避免全局变量

在JavaScript里面，变量的作用域有全局变量和局部变量 。作用域决定了在代码何处定义和访问变量。我们可以在程序中的任何位置，甚至函数之外定义全局变量。而局部变量仅用于定义的函数中。

如果存在同名的局部变量和全局变量，那么JavaScript将优先考虑局部变量并忽略全局变量。我们应避免使用全局变量，因为全局变量可能会意外覆盖窗口变量，从而导致错误。

过多的全局变量会减慢程序速度，甚至会导致内存泄漏，因为全局变量会一直存在于内存中,即使在不需要时也无法被垃圾回收机制回收，而局部变量会在函数完成后销毁。

6、设置默认值

创建变量或者对象时，可以先设置一个默认值 。这样做不仅可确保每个属性的值都不是undefined，而且还声明了属性所需的数据类型。这点在可视化大屏里面尤为重要，不然，当无数据的时候，会显示undefined或者null，非常不好看。

7、使用模板字面量组合字符串

组合字符串可太麻烦了，尤其是在组合字符串和变量时。我们可以使用模板字面量（用反引号标记），简化组合过程，因为模板字面量同时接受字符串和变量。

8、使用数组方法编写较短的循环

我开始写代码的时候，多重循环都是for上，代码冗余杂乱，经常被别人嫌弃，经过长时间的自我反思和模仿别人的代码，终于改过来了，

循环是创建和填充数组的常用方法。但是，循环会导致代码杂乱且难以阅读。我们可以使用数组方法来实现类似的效果，例如for只需若干代码行即可循环。以下面的for循环为例。

可以通过三行map方法实现与上面代码相同的效果。

好了，今天到此结束了，下次继续总结分享。关注我，不迷路 。。。。。