JS中的一些坑（持续更新）

1. 基本类型与引用类型

牛客网上的一个题：

var arr=[{a:1},{}];
arr.forEach(function(item,idx){
    item.b=idx;
});

执行完上面代码后，arr 的值是？

觉得 forEach 方法中的 item 参数是按值传递，所以不会改变原来的 arr，答案为：[{a:1},{}] 。正确答案是：[{a:1, b:0},{b:1}] 。这里忽略了一个重要的点，即函数参数虽然是按值传递，不是按引用传递，但是基本类型和引用类型本身的差别被忽略了。

基本类型占用的内存空间不大，所以把变量 a 赋给 b，是把 a 的值拷贝一份给b，a、b 所在的内存空间是独立的，所以修改 a 不会影响 b：

var a = 1;
var b = a;
a = 2;
a; // 2
b; // 1

但是引用类型就不一样了，因为引用类型存储的内容可能很多，比如将对象 a 赋值给对象 b，如果是简单拷贝一遍内容，可能会带来很大的内存开销，所以这种情况，对象a 和 b 实际上指向同一个内存空间，赋值操作实际上是将 a 的内存地址复制一份给 b，所以 a 对象的属性改变也会影响到 b 对象：

var obja = {
  a: 1,
  b: 2
}
var objb = obja
obja.a = 2;
obja; // {a:2, b:2}
objb; // {a:2, b:2}

那么就很好理解啦，forEach 中的参数 item 如果是一个引用类型，就要警惕啦，虽然是按值传递，但是传递的值是内存地址。

2. NaN问题

<<JavaScript高级程序设计(第3版)>>第29页NaN部分写到：

首先，任何涉及NaN的操作（例如 NaN/10），都会返回NaN。

这一点写错了，加性操作符就是个特例：

console.log(NaN + 'A'); // "NaNA"
console.log(NaN + NaN); // NaN
console.log(NaN + 1); // NaN

加性操作符中如果有一个操作数是字符串，即便有一个NaN，也会将其转为字符串进行拼接。

而对于减性操作符，书中所写是对的：

console.log(NaN - 'A'); // NaN
console.log(NaN - NaN); // NaN
console.log(NaN - 1); // NaN