日韩无码专区无码一级三级片|91人人爱网站中日韩无码电影|厨房大战丰满熟妇|AV高清无码在线免费观看|另类AV日韩少妇熟女|中文日本大黄一级黄色片|色情在线视频免费|亚洲成人特黄a片|黄片wwwav色图欧美|欧亚乱色一区二区三区

RELATEED CONSULTING
相關(guān)咨詢
選擇下列產(chǎn)品馬上在線溝通
服務(wù)時間：8:30-17:00
你可能遇到了下面的問題
關(guān)閉右側(cè)工具欄

新聞中心

這里有您想知道的互聯(lián)網(wǎng)營銷解決方案
JavaScript語法中12個需要繞開的陷阱

本文節(jié)選自阮一峰的網(wǎng)絡(luò)日志http://www.ruanyifeng.com/blog/，原文標(biāo)題為《12種不宜使用的Javascript語法》。原文是阮一峰對《Javascript語言精粹》一書的讀后感。該書的作者是Douglas Crockford，他是目前世界上最精通Javascript的人之一，也是Json格式的創(chuàng)造者。他認為Javascript有很多糟粕。因為1995年Brendan Eich設(shè)計這種語言的時候，只用了三個月，很多語言特性沒有經(jīng)過深思熟慮，就推向了市場。結(jié)果等到人們意識到這些問題的時候，已經(jīng)有100萬程序員在使用它了，不可能再大幅修改語言本身了。所以，Douglas Crockford決定，他要告訴大家，Javascript中哪些部分是精粹，哪些部分是糟粕和雞肋。阮一峰將書中附錄的12種應(yīng)該避免的JavaScript語法在文中貼出共享，內(nèi)容如下：

1. == 

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

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

 
 
      
  
  1. 　　false == 'false' 
    2.   
  
  2.  
    3.   
  
  3. 　　false == undefined  
    4.   
  
  4.  
    5.   
  
  5. 　　false == null 
    6.   
  
  6.  
    7.   
  
  7. 　　null == undefined  
    8.   
  
  8.  
    9.   
  
  9. 　　0 == '' 
    10.   
  
  10.  
    11.

前三個是false，后兩個是true。

2. with

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

 
 
      
  
  1. 　　obj.a = obj.b;  
    2.   
  
  2.  
    3.   
  
  3. 　　obj.c = obj.d;  
    4.   
  
  4.  
    5.

可以簡寫成

 
 
      
  
  1. 　　with(obj) {  
    2.   
  
  2. 　　　　a = b;  
    3.   
  
  3. 　　　　c = d;  
    4.   
  
  4. 　　}  
    5.   
  
  5.  
    6.

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

3. eval

eval用來直接執(zhí)行一個字符串。這條語句也是不應(yīng)該使用的，因為它有性能和安全性的問題，并且使得代碼更難閱讀。

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

 
 
      
  
  1. 　　eval("myValue = myObject." + myKey + ";");  
    2.   
  
  2.  
    3.

可以直接寫成

 
 
      
  
  1. 　　myValue = myObject[myKey];  
    2.   
  
  2.  
    3.

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

4. continue

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

5. switch 貫穿

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

 
 
      
  
  1. 　　switch(n) {  
    2.   
  
  2. 　　　　case 1:  
    3.   
  
  3. 　　　　case 2:  
    4.   
  
  4. 　　　　　　break;  
    5.   
  
  5. 　　}  
    6.   
  
  6.  
    7.

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

 
 
      
  
  1. 　　switch(n) {  
    2.   
  
  2. 　　　　case 1:  
    3.   
  
  3. 　　　　　　break;  
    4.   
  
  4. 　　　　case 2:  
    5.   
  
  5. 　　　　　　break;  
    6.   
  
  6. 　　}  
    7.   
  
  7.  
    8.

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

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

 
 
      
  
  1. 　　if (ok) t = true;  
    2.   
  
  2.  
    3.

甚至寫成

 
 
      
  
  1. 　　if (ok)  
    2.   
  
  2. 　　　　t = true;  
    3.   
  
  3.  
    4.

這樣不利于閱讀代碼，而且將來添加語句時非常容易出錯。建議不管是否只有一行命令，都一律加上大括號。

 
 
      
  
  1. 　　if (ok){  
    2.   
  
  2. 　　　　t = true;  
    3.   
  
  3. 　　}  
    4.   
  
  4.  
    5.

7. ++和--

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

8. 位運算符

Javascript完全套用了Java的位運算符，包括按位與&、按位或|、按位異或^、按位非~、左移<<、帶符號的右移>>和用0補足的右移>>>。

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

9. function語句

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

 
 
      
  
  1. 　　function foo() { }  
    2.   
  
  2.  
    3.

和

 
 
      
  
  1. 　　var foo = function () { }  
    2.   
  
  2.  
    3.

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

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

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

 
 
      
  
  1. 　　new String("Hello World");  
    2.   
  
  2.  
    3.   
  
  3. 　　new Number(2000);  
    4.   
  
  4.  
    5.   
  
  5. 　　new Boolean(false);  
    6.   
  
  6.  
    7.

#t#這樣寫完全沒有必要，而且非常費解，因此建議不要使用。

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

11. new語句

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

類是這樣定義的：

 
 
      
  
  1. 　　var Cat = function (name) {  
    2.   
  
  2. 　　　　this.name = name;  
    3.   
  
  3. 　　　　this.saying = 'meow' ;  
    4.   
  
  4. 　　}  
    5.   
  
  5.  
    6.

然后，再生成一個對象

 
 
      
  
  1. 　　var myCat = new Cat('mimi');  
    2.   
  
  2.  
    3.

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

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

 
 
      
  
  1. 　　Object.beget = function (o) {  
    2.   
  
  2. 　　　　var F = function (o) {};  
    3.   
  
  3. 　　　　F.prototype = o ;  
    4.   
  
  4. 　　　　return new F;  
    5.   
  
  5. 　　};  
    6.   
  
  6.  
    7.

創(chuàng)建對象時就利用這個函數(shù)，對原型對象進行操作：

 
 
      
  
  1. 　　var Cat = {  
    2.   
  
  2. 　　　　name:'',  
    3.   
  
  3. 　　　　saying:'meow' 
    4.   
  
  4. 　　};  
    5.   
  
  5.  
    6.   
  
  6. 　　var myCat = Object.beget(Cat);  
    7.   
  
  7.  
    8.

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

 
 
      
  
  1. 　　myCat.name = 'mimi';  
    2.   
  
  2.  
    3.

12. void

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

 
 
      
  
  1. 　　void 0; // undefined  
    2.   
  
  2.  
    3.

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


當(dāng)前文章：JavaScript語法中12個需要繞開的陷阱
鏈接地址：http://www.5511xx.com/article/coehdgd.html