本章主要介紹我們編程時遇到的一些常見 javascript 錯誤。

1. 意外使用賦值運(yùn)算符

如果程序員在 if 語句中意外使用賦值運(yùn)算符（=）而不是比較運(yùn)算符（===），javascript 程序可能會產(chǎn)生一些無法預(yù)料的結(jié)果。

這條 if 語句返回 false（正如預(yù)期），因?yàn)?x 不等于 10：

var x = 0;
if (x == 10) 

這條 if 語句返回 true（也許不像預(yù)期），因?yàn)?10 為 true：

var x = 0;
if (x = 10) 

這條 if 語句返回 false（也許不像預(yù)期），因?yàn)?0 為 false：

var x = 0;
if (x = 0) 

賦值總是返回賦值的值。

2. 期望松散的比較

在常規(guī)比較中，數(shù)據(jù)類型不重要。這條 if 語句返回 true：

var x = 10;
var y = "10";
if (x == y) 

在嚴(yán)格比較中，數(shù)據(jù)類型確實(shí)重要。這條 if 語句返回 false：

var x = 10;
var y = "10";
if (x === y) 

有一個常見的錯誤是忘記在 switch 語句中使用嚴(yán)格比較：

這條 switch 語句會顯示提示框：

var x = 10;
switch(x) {
    case 10: alert("hello");
}

這條 switch 語句不會顯示提示框：

var x = 10;
switch(x) {
    case "10": alert("hello");
}

3. 令人困惑的加法和級聯(lián)

加法用于加數(shù)值。

級聯(lián)（concatenation）用于加字符串。

在 javascript 中，這兩種運(yùn)算均使用相同的 + 運(yùn)算符。

正因如此，將數(shù)字作為數(shù)值相加，與將數(shù)字作為字符串相加，將產(chǎn)生不同的結(jié)果：

var x = 10 + 5;          // x 中的結(jié)果是 15 var x = 10 + "5";         // x 中的結(jié)果是　"105" 

如果是兩個變量相加，很難預(yù)測結(jié)果：

var x = 10;
var y = 5;
var z = x + y;            // z 中的結(jié)果是 15 var x = 10;
var y = "5";
var z =  x + y;            // z 中的結(jié)果是 "105" 

4. 令人誤解的浮點(diǎn)

javascript 中的數(shù)字均保存為 64 位的浮點(diǎn)數(shù)（floats）。

所有編程語言，包括 javascript，都存在處理浮點(diǎn)值的困難：

var x = 0.1;
var y = 0.2;
var z = x + y             // z 中的結(jié)果并不是 0.3 

為了解決上面的問題，請使用乘除運(yùn)算：

范例

var z = (x * 10 + y * 10) / 10;       // z 中的結(jié)果將是 0.3

5. 對 javascript 字符串換行

javascript 允許您把一條語句換行為兩行：

例子 1

var x =
"hello world!";

但是，在字符串中間來換行是不對的：

例子 2

var x = "hello
world!";

如果必須在字符串中換行，則必須使用反斜杠：

例子 3

var x = "hello \
world!";

6. 錯位的分號

因?yàn)橐粋€錯誤的分號，此代碼塊無論 x 的值如何都會執(zhí)行：

if (x == 19);
{
     // code block }

7. 對 return 語句進(jìn)行換行

在一行的結(jié)尾自動關(guān)閉語句是默認(rèn)的 javascript 行為。

正因如此，下面兩個例子返回相同的結(jié)果：

例子 1

function myfunction(a) {
    var power = 10  
    return a * power
}

例子 2

function myfunction(a) {
    var power = 10;
    return a * power;
}

javascript 也允許您將一條語句換行為兩行。

正因如此，例子 3 也將返回相同的結(jié)果：

例子 3

function myfunction(a) {
    var
    power = 10;  
    return a * power;
}

但是，如果把 return 語句換行為兩行會發(fā)生什么呢：

例子 4

function myfunction(a) {
    var
    power = 10;  
    return
    a * power;
}

此函數(shù)將返回 undefined！

為什么呢？因?yàn)?javascript 認(rèn)為你的意思是：

例子 5

function myfunction(a) {
     var
    power = 10;  
    return;
    a * power;
}

8. 解釋

如果某條語句是不完整的：

var

javascript 將通過讀取下一行來完成這條語句：

power = 10;

但是由于這條語句是完整的：

return

javascript 會自動關(guān)閉該語句：

return;

發(fā)生這種情況是因?yàn)?，?javascript 中，用分號來關(guān)閉（結(jié)束）語句是可選的。

javascript 會在行末關(guān)閉 return 語句，因?yàn)樗旧砭褪且粭l完整的語句。

所以，絕不要對 return 語句進(jìn)行換行。

9. 通過命名索引來訪問數(shù)組

很多編程語言支持帶有命名索引的數(shù)組。

帶有命名索引的數(shù)組被稱為關(guān)聯(lián)數(shù)組（或散列）。

javascript 不支持帶有命名索引的數(shù)組。

在 javascript 中，數(shù)組使用數(shù)字索引：

范例

var person = [];
person[0] = "bill";
person[1] = "gates";
person[2] = 46;
var x = person.length;          // person.length 將返回 3 var y = person[0];              // person[0] 將返回 "john" 

在 javascript 中，對象使用命名索引。

如果您使用命名索引，那么在訪問數(shù)組時，javascript 會將數(shù)組重新定義為標(biāo)準(zhǔn)對象。

在自動重定義之后，數(shù)組方法或?qū)傩詫a(chǎn)生未定義或非正確的結(jié)果：

范例

var person = [];
person["firstname"] = "bill";
person["lastname"] = "gates";
person["age"] = 46;
var x = person.length;         // person.length 將返回 0 var y = person[0];              // person[0] 將返回 undefined 

10. 用逗號來結(jié)束定義

對象和數(shù)組定義中的尾隨逗號在 ecmascript 5 中是合法的。

對象范例：

person = {firstname:"bill", lastname:"gates", age:62,}

數(shù)組范例：

points = [35, 450, 2, 7, 30, 16,];

警告?。?/h3>

internet explorer 8 會崩潰。

json 不允許尾隨逗號。

json:

person = {firstname:"bill", lastname:"gates", age:62}

json:

points = [35, 450, 2, 7, 30, 16];

11. undefined 不是 null

javascript 對象、變量、屬性和方法可以是未定義的。

此外，空的 javascript 對象的值可以為 null。

這可能會使測試對象是否為空變得有點(diǎn)困難。

您可以通過測試類型是否為 undefined，來測試對象是否存在：

范例

if (typeof myobj === "undefined")

但是您無法測試對象是否為 null，因?yàn)槿绻麑ο笪炊x，將拋出錯誤：

不正確的：

if (myobj === null)

要解決此問題，必須測試對象是否為 null，而不是未定義。

但這仍然會引發(fā)錯誤：

不正確的：

if (myobj !== null && typeof myobj !== "undefined")

因此，在測試非 null 之前，必須先測試未定義：

正確的：

if (typeof myobj !== "undefined" && myobj !== null)

12. 期望塊級范圍

javascript 不會為每個代碼塊創(chuàng)建新的作用域。

很多編程語言都是如此，但是 javascript 并非如此。

認(rèn)為這段代碼會返回 undefined，是新的 javascript 開發(fā)者的常見錯誤：

范例

for (var i = 0; i < 10; i++) {
  // 代碼塊 }
return i;