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强化教程