JS 常忽略规则

1. NaN这个特殊的Number与所有其他值都不相等，包括它自己

NaN === NaN; // false

唯一能判断NaN的方法是通过isNaN()函数

isNaN(NaN); // true

2. 浮点数在运算过程中会产生误差，因为计算机无法精确表示无限循环小数。要比较两个浮点数是否相等，只能计算它们之差的绝对值，看是否小于某个阈值：

Math.abs(1 / 3 - (1 - 2 / 3)) < 0.0000001; // true

3. null和undefined

属性	解释
null	表示一个“空”的值。它和0以及空字符串’‘不同，0是一个数值，’'表示长度为0的字符串，而null表示“空”。
undefined	它表示“未定义”。

4. 字符串是不可变的，如果对字符串的某个索引赋值，不会有任何错误，但是，也没有任何效果

var s = 'Test';
s[0] = 'X';
alert(s); // s仍然为'Test'

5. 直接给Array的length赋一个新的值会导致Array大小的变化

var arr = [1, 2, 3];
arr.length; // 3
arr.length = 6;
arr; // arr变为[1, 2, 3, undefined, undefined, undefined]
arr.length = 2;
arr; // arr变为[1, 2]

6. 如果通过索引赋值时，索引超过了范围，同样会引起Array大小的变化

var arr = [1, 2, 3];
arr[5] = 'x';
arr; // arr变为[1, 2, 3, undefined, undefined, 'x']

7. 如果in判断对象的一个属性存在，这个属性不一定是属于这个对象的，它可能是继承得到的

var xiaoming = {
    
    
    name: '小明'
};
'toString' in xiaoming; // true
//因为toString定义在object对象中，而所有对象最终都会在原型链上指向object，所以xiaoming也拥有toString属性。

8. 要判断一个属性是否是xiaoming自身拥有的，而不是继承得到的，可以用hasOwnProperty()方法

var xiaoming = {
    
    
    name: '小明'
};
xiaoming.hasOwnProperty('name'); // true
xiaoming.hasOwnProperty('toString'); // false

9. 在多个if…else…语句中，如果某个条件成立，则后续就不再继续判断了。

var age = 20;
if (age >= 6) {
    
    
    console.log('teenager');
} else if (age >= 18) {
    
    
    console.log('adult');
} else {
    
    
    console.log('kid');
}
//输出：teenager

10. JavaScript把null、undefined、0、NaN和空字符串’'视为false，其他值一概视为true

11. for … in循环
把一个对象的所有属性依次循环出来

var o = {
    
    
    name: 'Jack',
    age: 20,
    city: 'Beijing'
};
for (var key in o) {
    
    
    console.log(key); // 'name', 'age', 'city'
}

循环出Array的索引（注意：for … in对Array的循环得到的是String而不是Number）

var a = ['A', 'B', 'C'];
for (var i in a) {
    
    
    console.log(i); // '0', '1', '2'
    console.log(a[i]); // 'A', 'B', 'C'
}

12. JavaScript引擎自动提升了变量y的声明，但不会提升变量y的赋值。

'use strict';

function foo() {
    
    
    var x = 'Hello, ' + y;
    console.log(x);
    var y = 'Bob';
}

foo();

对于上述foo()函数，JavaScript引擎看到的代码相当于：

function foo() {
    
    
    var y; // 提升变量y的申明，此时y为undefined
    var x = 'Hello, ' + y;
    console.log(x);
    y = 'Bob';
}

13. 名字空间
全局变量会绑定到window上，不同的JavaScript文件如果使用了相同的全局变量，或者定义了相同名字的顶层函数，都会造成命名冲突，并且很难被发现。

减少冲突的一个方法是把自己的所有变量和函数全部绑定到一个全局变量中。

例如：

// 唯一的全局变量MYAPP:
var MYAPP = {
    
    };

// 其他变量:
MYAPP.name = 'myapp';
MYAPP.version = 1.0;

// 其他函数:
MYAPP.foo = function () {
    
    
    return 'foo';
};

把自己的代码全部放入唯一的名字空间MYAPP中，会大大减少全局变量冲突的可能。

许多著名的JavaScript库都是这么干的：jQuery，YUI，underscore等等。

猜你喜欢