五个JavaScript编程陷阱:如何避免?

发表时间: 2023-12-06 07:00

几年前,我读过一本关于讲解JavaScript精髓的书,其中内容就涉及到一些关于JavaScript众多缺陷,放到现在,它依然是我们应该去避免的雷,所以,我给大家总结了一下,总共下面5点,希望对前端开发的你有益。

01. 避免大量使用全局变量

将全局变量散布在各地,随着代码的增长,这些变量将有可能开始冲突,导致意外的错误和难以发现的诡异问题。

像这样:

我们应该将其封装在一个函数中以避免污染全局范围。

好的写法是这样的:

02. 避免产生回调地狱

回调地狱现象不用多说,代码的相互嵌套。让我们很难受。好在我们后面实际上有好的处理方式。

像这样:

我们可以使用async/await或Promise来处理这种情况。

好的写法是这样的:

03. 忽视了错误处理

大家都非常清楚,如果没有处理好程序中的错误,你开发的应用有可能在运行的过程中就崩溃了,也就是说用不了,这种情况一旦带到线上去,就比较严重了。

举个例子,下面这个函数

如果分母是0,那程序就执行不下去了,我们的应用不能因为这个错误而访问不了。

所以我们的代码应该这样写:

04. 别依靠eval()

eval函数强大,但同时使用的时候也不安全。

如果你还在这样子使用eval函数:

那你可以改一种写法,像下面这样子:

05. 不使用严格模式

下面函数里定义x变量时,并没有使用var/let/const,非严格模式下是能通过的。

总结

避免重复造轮子