js使用误区

比较运算符常见错误

在常规的比较中，数据类型是被忽略的，以下 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 中的所有数据都是以 64 位浮点型数据(float) 来存储。

所有的编程语言，包括 JavaScript，对浮点型数据的精确度都很难确定：

var x = 0.1;
var y = 0.2;
var z = x + y            // z 的结果为 0.3
if (z == 0.3)            // 返回 false

尝试一下 »

我解决以上问题，可以用整数的乘除法来解决：

实例

var z = (x * 10 + y * 10) / 10;       // z 的结果为 0.3

尝试一下 »

---

JavaScript 字符串分行

JavaScript 允许我们在字符串中使用断行语句:

实例 1

var x =
"Hello World!";

尝试一下 »

但是，在字符串中直接使用回车换行是会报错的：

实例 2

var x = "Hello
World!";

尝试一下 »

我们可以在选择开发工具或按下 F12 来查看错误信息：

字符串断行需要使用反斜杠(\)，如下所示:

实例 3

var x = "Hello \
World!";

尝试一下 »

Undefined 不是 Null

在 JavaScript 中, null 用于对象, undefined 用于变量，属性和方法。

对象只有被定义才有可能为 null，否则为 undefined。

如果我们想测试对象是否存在，在对象还没定义时将会抛出一个错误。

错误的使用方式：

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

正确的方式是我们需要先使用 typeof 来检测对象是否已定义：

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