JavaScript強化教程——使用誤區

本文爲 H5EDU 機構官方 HTML5培訓 教程，主要介紹：JavaScript強化教程 —— 使用誤區

JavaScript 使用誤區
本章節咱們將討論 JavaScript 的使用誤區。
賦值運算符應用錯誤
在 JavaScript 程序中若是你在 if 條件語句中使用賦值運算符的等號 (=) 將會產生一個錯誤結果, 正確的方法是使用比較運算符的兩個等號 (==)。
if 條件語句返回 false (是咱們預期的)由於 x 不等於 10:
var x = 0;
if (x == 10)

if 條件語句返回 true (不是咱們預期的)由於條件語句執行爲 x 賦值 10，10 爲 true:
var x = 0;
if (x = 10)

if 條件語句返回 false (不是咱們預期的)由於條件語句執行爲 x 賦值 0，0 爲 false:
var x = 0;
if (x = 0)

Note	賦值語句返回變量的值。
比較運算符常見錯誤
在常規的比較中，數據類型是被忽略的，如下 if 條件語句返回 true：
var x = 10;
var y = "10";
if (x == y)

在嚴格的比較運算中，=== 爲恆等計算符，同時檢查表達式的值與類型，如下 if 條件語句返回 false：
var x = 10;
var y = "10";
if (x === y)

這種錯誤常常會在 switch 語句中出現，switch 語句會使用恆等計算符(===)進行比較:
如下實例會執行 alert 彈窗：
var x = 10;
switch(x) {
    case 10: alert("Hello");
}

如下實例因爲類型不一致不會執行 alert 彈窗：
var x = 10;
switch(x) {
    case "10": alert("Hello");
}

加法與鏈接注意事項
加法是兩個數字相加。
鏈接是兩個字符串鏈接。
JavaScript 的加法和鏈接都使用 + 運算符。
接下來咱們能夠經過實例查看兩個數字相加及數字與字符串鏈接的區別：
var x = 10 + 5;          // x 的結果爲 15
var x = 10 + "5";        // x 的結果爲 "105"

使用變量相加結果也不一致:
var x = 10;
var y = 5;
var z = x + y;           // z 的結果爲 15

var x = 10;
var y = "5";
var z = x + y;           // z 的結果爲 "105"

點擊進入JavaScript強化教程