跳至主要內容

最佳实践

GuangBo...大约 2 分钟

在真实的项目开发中,有一个非常重要的代码规范:能使用const的,就不要使用let。也就是说,如果一个变量的值不会改变,我们就应该把它看成一个常量,使用const来声明,而不是使用let来声明。

看到这里,小伙伴们估计都蒙了:不是说let声明的是变量,const声明的是常量吗?如果这样做,语义岂不是乱套了?其实并不是这样的,优先使用const而不是let,主要有以下2个原因。

1.const的代码可读性更好

因为const用于声明常量,常量是不允许修改的,所以别人一看到const,就知道这个变量的值是不会被改变的。但是如果使用let来声明,那么变量的值之后可以改变,也可以不改变,我们并不能一下子判断出来

2.const可以避免无意间修改变量值导致的错误

如果一个变量的值是不允许被修改的,但我们却使用了let来声明它,那么之后一旦不小心把它改了,就可能会导致程宇出现bug,这样的bug的原因有时是很难被发现的。但是使用const来进行声明就完全可以避免这个问题

读到这里,小伙伴们会问:“我一开始怎么知道哪些变量的值会变,哪些又不会变呢?”在实际开发中,如果一开始我们无法判断一个变量的值是否会改变,那么我们应该先使用const来声明。如果之后这个变量的值需要改变,我们再将const改为let即可

这样一来,如果我们看到某个变量是使用const声明的,就知道这个变量的值之后一定不会被改变;如果我们看到某个变量是使用let声明的,就知道这个变量的值之后一定会被改变

现在几乎所有的项目都会遵循这个“最佳实践”的规范,特别是Vue和React的项目。在实际开发中,这些项目本身会配置一个名为ESlint的工具。ESlint会自动超我们检测,如果某变量值没有改变,我们却使用了let来声明,它就会提示我们使用const来代替。当然,这一功能只有等我们学了vue或React才能体验了

最佳实践原本应该放在本书的最后讲解,但为了让小伙伴能更好地掌握真实项目的开发规范,在本章先进行了讲解。在后面章节所有例子的代码中,我们都会遵循最佳实践的规范

上次编辑于:
贡献者: shaoguangbo
评论
  • 按正序
  • 按倒序
  • 按热度