JavaScript 使用误区

本文我们将讨论 JavaScript 的使用误区。

赋值运算符应用错误

在 JavaScript 程序中如果你在 if 条件语句中使用赋值运算符的等号 (=) 将会产生一个错误结果, 正确的方法是使用比较运算符的两个等号 (==)。

if 条件语句返回 false (是我们预期的)因为 x 不等于 10:

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

Plain Text

if 条件语句返回 true (不是我们预期的)因为条件语句执行为 x 赋值 10，10 为 true:

var x = 0; if (x = 10)

Plain Text

if 条件语句返回 false (不是我们预期的)因为条件语句执行为 x 赋值 0，0 为 false:

var x = 0; if (x = 0)

Plain Text

比较运算符常见错误

在常规的比较中，数据类型是被忽略的，以下 if 条件语句返回 true：

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

Plain Text

在严格的比较运算中，=== 为恒等计算符，同时检查表达式的值与类型，以下 if 条件语句返回 false：

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

Plain Text

这种错误经常会在 switch 语句中出现，switch 语句会使用恒等计算符(===)进行比较:

以下实例会执行 alert 弹窗：

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

Plain Text

以下实例由于类型不一致不会执行 alert 弹窗：

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

Plain Text

加法与连接注意事项

加法是两个数字相加。

连接是两个字符串连接。

JavaScript 的加法和连接都使用 + 运算符。

接下来我们可以通过实例查看两个数字相加及数字与字符串连接的区别：

var x = 10 + 5; // x 的结果为 15 var x = 10 + "5"; // x 的结果为 "105"

Plain Text

使用变量相加结果也不一致:

var x = 10; var y = 5; var z = x + y; // z 的结果为 15 var x = 10; var y = "5"; var z = x + y; // z 的结果为 "105"

Plain Text

浮点型数据使用注意事项

JavaScript 中的所有数据都是以 64 位浮点型数据(float) 来存