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

2023年2月12日 115次阅读 来源: Leon

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
    原文作者：Leon
    原文地址: https://segmentfault.com/a/1190000015490193
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞