12種不宜使用的Javascript語(yǔ)法

這幾天，我在讀《Javascript語(yǔ)言精粹》。

這本書很薄，100多頁(yè)，正好假日里翻翻。

該書的作者是Douglas Crockford，他是目前世界上最精通Javascript的人之一，也是Json格式的創(chuàng)造者。

他認(rèn)為Javascript有很多糟粕。因?yàn)?995年Brendan Eich設(shè)計(jì)這種語(yǔ)言的時(shí)候，只用了三個(gè)月，很多語(yǔ)言特性沒有經(jīng)過(guò)深思熟慮，就推向了市場(chǎng)。結(jié)果等到人們意識(shí)到這些問(wèn)題的時(shí)候，已經(jīng)有100萬(wàn)程序員在使用它了，不可能再大幅修改語(yǔ)言本身了。所以，Douglas Crockford決定，他要告訴大家，Javascript中哪些部分是精粹，哪些部分是糟粕和雞肋。

這個(gè)想法非常好，但是我不得不說(shuō)，這本書寫得不夠好，不適合新手閱讀。原因如下：1）Douglas Crockford敘述得不清晰，更像與同行討論問(wèn)題，而不是由淺入深地講解問(wèn)題。這本書的重點(diǎn)不是解釋，所以讀完后，我覺得Javascript好像變得更復(fù)雜了。2）他固執(zhí)地使用鐵路圖（railroad diagram）解釋每一條語(yǔ)句。全世界似乎只有他一個(gè)人使用這種比Javascript更難看懂的圖。3）該書基本上是一本簡(jiǎn)化的Javascript語(yǔ)法手冊(cè)，缺乏足夠的新內(nèi)容。4）該書舉例過(guò)少，而且在最難的函數(shù)和對(duì)象部分，使用的例子都是環(huán)環(huán)相套、層層遞進(jìn)的例子，導(dǎo)致閱讀起來(lái)很吃力。

該書最有價(jià)值的內(nèi)容不是正文，反而是附錄。在附錄B中，Douglas Crockford列出了12種應(yīng)該避免使用的Javascript語(yǔ)法，我覺得非常值得推廣。

==============================

1. ==

Javascript有兩組相等運(yùn)算符，一組是==和!=，另一組是===和!==。前者只比較值的相等，后者除了值以外，還比較類型是否相同。

請(qǐng)盡量不要使用前一組，永遠(yuǎn)只使用===和!==。因?yàn)?=默認(rèn)會(huì)進(jìn)行類型轉(zhuǎn)換，規(guī)則十分難記。如果你不相信的話，請(qǐng)回答下面五個(gè)判斷式的值是true還是false：

　　false == 'false'

　　false == undefined

　　false == null

　　null == undefined

　　0 == ''

前三個(gè)是false，后兩個(gè)是true。

2. with

with的本意是減少鍵盤輸入。比如

　　obj.a = obj.b;

　　obj.c = obj.d;

可以簡(jiǎn)寫成

　　with(obj) {
　　　　a = b;
　　　　c = d;
　　}

但是，在實(shí)際運(yùn)行時(shí)，解釋器會(huì)首先判斷obj.b和obj.d是否存在，如果不存在的話，再判斷全局變量b和d是否存在。這樣就導(dǎo)致了低效率，而且可能會(huì)導(dǎo)致意外，因此最好不要使用with語(yǔ)句。

3. eval

eval用來(lái)直接執(zhí)行一個(gè)字符串。這條語(yǔ)句也是不應(yīng)該使用的，因?yàn)樗行阅芎桶踩缘膯?wèn)題，并且使得代碼更難閱讀。

eval能夠做到的事情，不用它也能做到。比如

　　eval("myValue = myObject." + myKey + ";");

可以直接寫成

　　myValue = myObject[myKey];

至于ajax操作返回的json字符串，可以使用官方網(wǎng)站提供的解析器json_parse.js運(yùn)行。

4. continue

這條命令的作用是返回到循環(huán)的頭部，但是循環(huán)本來(lái)就會(huì)返回到頭部。所以通過(guò)適當(dāng)?shù)臉?gòu)造，完全可以避免使用這條命令，使得效率得到改善。

5. switch 貫穿

switch結(jié)構(gòu)中的case語(yǔ)句，默認(rèn)是順序執(zhí)行，除非遇到break，return和throw。有的程序員喜歡利用這個(gè)特點(diǎn)，比如

　　switch(n) {
　　　　case 1:
　　　　case 2:
　　　　　　break;
　　}

這樣寫容易出錯(cuò)，而且難以發(fā)現(xiàn)。因此建議避免switch貫穿，凡是有case的地方，一律加上break。

　　switch(n) {
　　　　case 1:
　　　　　　break;
　　　　case 2:
　　　　　　break;
　　}

6. 單行的塊結(jié)構(gòu)

if、while、do和for，都是塊結(jié)構(gòu)語(yǔ)句，但是也可以接受單行命令。比如

　　if (ok) t = true;

甚至寫成

　　if (ok)
　　　　t = true;

這樣不利于閱讀代碼，而且將來(lái)添加語(yǔ)句時(shí)非常容易出錯(cuò)。建議不管是否只有一行命令，都一律加上大括號(hào)。

　　if (ok){
　　　　t = true;
　　}

7. ++和--

遞增運(yùn)算符++和遞減運(yùn)算符--，直接來(lái)自C語(yǔ)言，表面上可以讓代碼變得很緊湊，但是實(shí)際上會(huì)讓代碼看上去更復(fù)雜和更晦澀。因此為了代碼的整潔性和易讀性，不用為好。

8. 位運(yùn)算符

Javascript完全套用了Java的位運(yùn)算符，包括按位與&、按位或|、按位異或^、按位非~、左移<<、帶符號(hào)的右移>>和用0補(bǔ)足的右移>>>。

這套運(yùn)算符針對(duì)的是整數(shù)，所以對(duì)Javascript完全無(wú)用，因?yàn)镴avascript內(nèi)部，所有數(shù)字都保存為雙精度浮點(diǎn)數(shù)。如果使用它們的話，Javascript不得不將運(yùn)算數(shù)先轉(zhuǎn)為整數(shù)，然后再進(jìn)行運(yùn)算，這樣就降低了速度。而且"按位與運(yùn)算符"&同"邏輯與運(yùn)算符"&&，很容易混淆。

9. function語(yǔ)句

在Javascript中定義一個(gè)函數(shù)，有兩種寫法：

　　function foo() { }

和

　　var foo = function () { }

兩種寫法完全等價(jià)。但是在解析的時(shí)候，前一種寫法會(huì)被解析器自動(dòng)提升到代碼的頭部，因此違背了函數(shù)應(yīng)該先定義后使用的要求，所以建議定義函數(shù)時(shí)，全部采用后一種寫法。

10. 基本數(shù)據(jù)類型的包裝對(duì)象

Javascript的基本數(shù)據(jù)類型包括字符串、數(shù)字、布爾值，它們都有對(duì)應(yīng)的包裝對(duì)象String、Number和Boolean。所以，有人會(huì)這樣定義相關(guān)值：

　　new String("Hello World");

　　new Number(2000);

　　new Boolean(false);

這樣寫完全沒有必要，而且非常費(fèi)解，因此建議不要使用。

另外，new Object和new Array也不建議使用，可以用{}和[]代替。

11. new語(yǔ)句

Javascript是世界上第一個(gè)被大量使用的支持Lambda函數(shù)的語(yǔ)言，本質(zhì)上屬于與Lisp同類的函數(shù)式編程語(yǔ)言。但是當(dāng)前世界，90%以上的程序員都是使用面向?qū)ο缶幊?。為了靠近主流，Javascript做出了妥協(xié)，采納了類的概念，允許根據(jù)類生成對(duì)象。

類是這樣定義的：

　　var Cat = function (name) {
　　　　this.name = name;
　　　　this.saying = 'meow' ;
　　}

然后，再生成一個(gè)對(duì)象

　　var myCat = new Cat('mimi');

這種利用函數(shù)生成類、利用new生成對(duì)象的語(yǔ)法，其實(shí)非常奇怪，一點(diǎn)都不符合直覺。而且，使用的時(shí)候，很容易忘記加上new，就會(huì)變成執(zhí)行函數(shù)，然后莫名其妙多出幾個(gè)全局變量。所以，建議不要這樣創(chuàng)建對(duì)象，而采用一種變通方法。

Douglas Crockford給出了一個(gè)函數(shù)：

　　Object.beget = function (o) {
　　　　var F = function (o) {};
　　　　F.prototype = o ;
　　　　return new F;
　　};

創(chuàng)建對(duì)象時(shí)就利用這個(gè)函數(shù)，對(duì)原型對(duì)象進(jìn)行操作：

　　var Cat = {
　　　　name:'',
　　　　saying:'meow'
　　};

　　var myCat = Object.beget(Cat);

對(duì)象生成后，可以自行對(duì)相關(guān)屬性進(jìn)行賦值：

　　myCat.name = 'mimi';

12. void

在大多數(shù)語(yǔ)言中，void都是一種類型，表示沒有值。但是在Javascript中，void是一個(gè)運(yùn)算符，接受一個(gè)運(yùn)算數(shù)，并返回undefined。

　　void 0; // undefined

這個(gè)命令沒什么用，而且很令人困惑，建議避免使用。

作者:阮一峰