编写优雅的JS代码具体是什么意思

2022-04-17 科技 92阅读
不写分号能显著让代码更加优雅,并少轻松你的双手。
可能很多人会有疑问,没有分号的Javascript也能正常运行?
几乎是的。不过在一些特殊的时候Javascript引擎并不会帮助你正确插入分号。
具体的情况只有这五个符号:+,-,(,[,/
没了。
也就是说,凡是新的一行代码以上述五个符号开头,那么之前一句的末尾是需要分号的。
而在实际情况中,以+,-开头的新一行代码几乎不可能出现。
所以可能情况:
(function(){
//dosomething
})()
如果之前没加分号,那么这个匿名函数外的括号会调用上一行定义的函数,匿名函数就变成了参数。记住下面的这个分号
;(function(){
//dosomething
})()
还有比如这样
;(a==1||b==1)&&fn()
;[].slice.call()
;/abc/.test('abcd')
除了上面例子,几乎没有其他情景需要加分号了。
所以经常遇到这种情况,一个javascript文件里几百个分号全是没必要的。
而且,通常在生产环境中会提前用uglify.js去压缩代码,或是用ES6时babel转码,这都会帮你补全分号。
所以还有什么理由去写分号呢?
当然写不写分号也属于个人习惯,知道什么时候分号是不可省的才是重点。
PS:Vue.js的源码就是不写分号的。
使用ES6
相比较ES5,ES6的语法中的结构赋值,箭头函数,模板字符串,对象的简写法等都能让代码变得干净利落。
比如一个判断奇偶的函数
functionisEven(x){
returnx%2==0
}
ES6:
constisEven=x=>x%2==0
比如字符串拼接
dom.innerHTML='Hello'
+name
+',Howyoutoday?'
ES6:
dom.innerHTML=`Hello
${name}
Howyoutoday?`
声明:你问我答网所有作品(图文、音视频)均由用户自行上传分享,仅供网友学习交流。若您的权利被侵害,请联系fangmu6661024@163.com