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

JavaScript025

编写优雅的JS代码具体是什么意思,第1张

不写分号能显著让代码更加优雅,并少轻松你的双手。

可能很多人会有疑问,没有分号的Javascript也能正常运行?

几乎是的。不过在一些特殊的时候Javascript引擎并不会帮助你正确插入分号。

具体的情况只有这五个符号:+, - ,(, [, /

没了。

也就是说,凡是新的一行代码以上述五个符号开头,那么之前一句的末尾是需要分号的。

而在实际情况中,以+,- 开头的新一行代码几乎不可能出现。

所以可能情况:

(function(){

// do something

})()

如果之前没加分号,那么这个匿名函数外的括号会调用上一行定义的函数,匿名函数就变成了参数。记住下面的这个分号

(function(){

// do something

})()

还有比如这样

(a == 1 || b == 1) &&fn()

[].slice.call()

/abc/.test('abcd')

除了上面例子,几乎没有其他情景需要加分号了。

所以经常遇到这种情况,一个javascript文件里几百个分号全是没必要的。

而且,通常在生产环境中会提前用uglify.js去压缩代码,或是用ES6时babel转码,这都会帮你补全分号。

所以还有什么理由去写分号呢?

当然写不写分号也属于个人习惯,知道什么时候分号是不可省的才是重点。

PS:Vue.js的源码就是不写分号的。

使用ES6

相比较ES5,ES6的语法中的结构赋值,箭头函数,模板字符串,对象的简写法等都能让代码变得干净利落。

比如一个判断奇偶的函数

function isEven(x){

return x % 2 == 0

}

ES6:

const isEven = x =>x % 2 == 0

比如字符串拼接

dom.innerHTML='Hello '

+ name

+ ',How you today?'

ES6:

dom.innerHTML=`Hello

${name}

How you today?`

JS中有三种字符串连接方式:

第一种方法 , 用连接符“+”把要连接的字符串连起来:

str="a"str+="b"

第二种方法, 以数组作为中介用 join 连接字符串:

var arr=new Array()arr.push(a)arr.push(b)var str=arr.join("")

第三种方法, 利用对象属性来连接字符串:

function stringConnect(){this._str_=new Array()}stringConnect.prototype.append=function(a){this._str_.push(a)}stringConnect.prototype.toString=function(){return this._str_.join()}var mystr=new stringConnect

mystr.append("a") var str=mystr.toString()

JS中三种字符串连接方式的性能比较:

第一种,方法毫无疑问是最便捷快速的,如果只连接100个以下的字符串建议用这种方法最方便;

第二种,这种方法要比第一种消耗更少的资源,速度也更快;

第三种,方法加入了随机参数,应该是避免了缓存的影响的。

用yield

示例如下:

//异步函数

function *a(param){

    console.log(param)

}

//循环

var task = []

for(var i = 0 i < 10 i++){

    task.push(a(i))

}

//执行

var handles = yield task

console.log(handles)