今天的挑战题目涉及到JavaScript中的 WeakMap
、数组方法 map
和 reduce
,以及对对象引用的管理。让我们一步步解析这段代码,看看它会输出什么以及为什么。
代码解析
首先,代码创建了一个 WeakMap
实例:
const weakMap = new WeakMap();
WeakMap
是一个键必须是对象的特殊类型的 Map
,其中的键是弱引用,这意味着如果没有其他引用指向这些对象,垃圾回收机制可以自动回收它们。
接下来,代码使用 map
方法创建了一个包含对象的数组 arr
:
const arr = [1, 2, 3].map(n => ({ n }));
[1, 2, 3].map(n => ({ n }))
创建了一个新数组,其中每个元素都是一个对象,形如{ n: 1 }
,{ n: 2 }
,{ n: 3 }
。
然后,代码通过 forEach
方法将这些对象作为键添加到 WeakMap
中,并将对应的值设置为 obj.n * 2
:
arr.forEach(obj => weakMap.set(obj, obj.n * 2));
这一步操作后,
weakMap
中存储了三组键值对:{ n: 1 } => 2
,{ n: 2 } => 4
,{ n: 3 } => 6
。
接下来,代码从数组 arr
中移除了最后一个元素:
arr.pop(); // Remove the last element
这行代码将数组
arr
的最后一个元素{ n: 3 }
移除。因为WeakMap
中的键是弱引用,所以如果没有其他地方引用这个对象,它可能会被垃圾回收,从而也会从WeakMap
中消失。
然后,代码使用 reduce
方法计算剩余对象在 WeakMap
中对应值的和:
const result = arr.reduce((acc, obj) => acc + weakMap.get(obj), 0);
reduce
方法遍历arr
中剩下的两个对象{ n: 1 }
和{ n: 2 }
,并从WeakMap
中获取它们的值,分别是2
和4
,然后将它们相加。
输出结果
根据上述逻辑,最终的 result
值是 2 + 4 = 6
。因此,console.log(result)
的输出是:
console.log(result); // 输出 6
结束
这道题目展示了 WeakMap
如何与数组操作结合使用。通过 WeakMap
的弱引用特性,删除数组中的对象元素会影响 WeakMap
中的键值对的存在。当最后一个元素被 pop
移除后,reduce
仅计算剩余对象在 WeakMap
中的对应值之和。理解 WeakMap
的行为以及如何与数组方法一起使用,对于正确解答这道题目至关重要。你答对了吗?欢迎在评论区分享你的答案和想法!
每天一道面试题,帮助你提高编程技能,不断进步!记得关注哦!