Javascript new Map 返回对象的引用？

Question

我有一个 javascript map

var map1 = new Map();
map1.set('bar',{"foo":"baz"});
var obj = map1.get('bar')

当我更改 obj 的值时， map 值也会更改

obj.foo = "abc"
console.log(map1.get("bar")) //{"foo":"abc"}

这是为什么呢？以及如何阻止这种行为？我知道我们可以使用 Object.assign() 来取消链接引用，但每次从 Map 获取时我都需要这样做。有没有最好的替代解决方案？

Answer 1

你可以猴子修补获取并始终返回一个副本。

var map1 = new Map();

map1.get = function (ref) {
    return function (k) {
        return Object.assign({}, ref.call(this, k));
    };
}(map1.get);

map1.set('bar', { foo: "baz" });
var obj = map1.get('bar');

obj.foo = "abc"
console.log(map1.get("bar"));