最近好像有点没有之前开心,换了公司但是没有以前的活力了,好像记得之前每天上班下班都挺开心的,可能主要是之前的工作氛围真的不错吧,虽然技术真的不咋的。 忽然在下班的地铁上想起来两个JavaScript的小问题,有个还和之前的leader吹过牛,拿出来正好说一下吧。
function fn1(){
return {
name: 'javascript'
};
}
function fn2(){
return
{
name: 'javascript'
};
}
var obj1 = fn1();
var obj2 = fn2();
console.log(obj1);
console.log(obj2);
上面两个例子看起来几乎没有什么不同,但是实质上确实不同的,第一个输出会显示object
类型的数据,但是第二个却会显示undefined
,第一个非常显而易见,那第二个为什么呢,其实JavaScript是不需要分号这个东西的,所以第二个函数其实会被解析成
function fn2(){
return ;
{
name: 'javascript'
};
}
所以实质上函数返回的是一个undefined。 还有一个挺好玩的例子,例如:
var func = function(){
return 42;
}
(function(){
console.log('a');
})();
上面这个例子其实会语法错误,原因就是:上面的语句会解释成,一个函数带一匿名函数作为参数而被调用, 返回42后, 又一次被"调用", 这就导致了错误。所以我想起来之前hax在Jsconf上不用分号的建议是值得商榷的。
人生苦短,我加分号
No semicolons – It’s fine. Really!
http://standardjs.com/ 分号完全不需要的, 以上的例子使用 eslint 都能看到报错
快上,eslint airbnb 我这几天在用,爽得不要不要的
没有强制用不用一说,坚持一条-团队统一即可
我会这样写,
function fn1() {
var result = {name: "test"}
return result
}
还是一直加吧,养成习惯。。
所以写插件的时候要在前面加分号 ;(function(){ // … })();
论分号的重要性
Google 的 styleguide 还举了蛮多其他不规范书写的栗子
https://google.github.io/styleguide/javascriptguide.xml?showone=Semicolons#Semicolons
return 的大括号不是能换行,常识啊。
@coolicer 这个其实之前见到的一个面试题,其实对于初学者很难注意到的。
有意思
我书读的少。不要骗我。这是分号问题吗?
http://slides.com/evanyou/semicolons#/18 分号党看了尤雨溪的 slide 之后就转非分号党了…
这里贴几个图片吧
-
类return return 在列表中, 所以碰到 line break, 就会插入 semi
-
简单规则 常用的