附录 B 鸡肋

现在请你告诉我,你究竟为了我哪一点坏处而开始爱起我来呢? --- 威廉·莎士比亚

本附录中,我们会展示JS一些有问题的特性,但我们很容易就能避免它们。通过这些简单的做法,你就可以使JS成为一门更好的语言,也让你自己成为一个更好的程序员。

1. ==

==、!= 和 ===、!==

2. with语句

with语句在JS中存在,本身就严重影响了JS处理器的速度,因为它阻止了变量名的词法作用域绑定。它的本意是好的,但如果没有它,JS语言会更好一点。

3. eval

eval 函数传递一个字符串给JS编译器,并且执行其结果。
使用eval

(1)形式的代码会更加难以阅读。这种形式将使得性能显著降低,以为它须运行编译器,但也许只是为了执行一个微不足道的赋值语句。
(2)eval函数还减弱了你的应用的安全性,因为它给被求值的文本授予了太多的权力。就像with语句执行的方式一样,它降低了语言的性能。
(3)eval还有个很大的问题,在eval中定义的变量,会被全局访问到。会造成全局变量污染。

4. continue 语句

移除continue语句,性能改善。

5. switch 贯穿

千万记住要使用break来中断流程。

6. 缺少块语句

比如:

if (ok)
   t = true;
   advance();

看起来,他想要这样:

if (ok) {
   t = true;
   advance();   
}

但实际上它本意是:

if (ok) {
   t = true;    
}
advance();

所以,要严格遵守规范,禁止省略代码块。

7. function 语句对比函数表达式

function 语句在解析时会发生被提升的情况。这意味着不管 function 被放置在哪里,它会被移动到被定义时所在作用域顶层。
这放宽了函数必须先声明后使用的要求,这样会导致混乱。

在if 语句中使用function语句也是被禁止的。

理由如下:

我们先来看一段代码:

console.log(typeof foo);
function foo(){ return 1; }
console.log(typeof foo);

上面这段代码在各个浏览器中有一样的结果:"function"、"function"。

这是没有浏览器差异的行为,原因是函数声明提升(Function Declaration Hoisting)

console.log(typeof foo);

if (true) {
    function foo(){ 
       return 1; 
    }
}

console.log(typeof foo);

上面这段代码在Gecko引擎中打印"undefined"、"function";而在其他浏览器中则打印"function"、"function"。

原因在于Gecko加入了ECMAScript以外的一个feature:条件式函数声明。

条件式函数声明跟函数表达式的处理方式一样。因此,条件式函数声明丧失了函数声明提升的特性。

基于以上原因,请不要在你的代码里将函数声明嵌套在条件语句内。

8. 类型的包装对象

不要使用new Boolean,new Number或new String。
也请避免使用 new Object 和 new Array,可使用{} 和 []来代替

9. new

打算与 new 结合使用的函数应该命名为首字母大写的形式,并且首字母大写的形式应该只用来命名那些构造函数

一个更好的策略是根本不去使用 new 。

10. void

在JS中,void是一个运算符,它接受一个运算符并返回undefined。这没什么用,而且会使人迷惑,应该避免使用它。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容