Javascript new map返回对象的引用？

Question

我有一个javascript地图

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

当我更改obj的值时，地图值也发生了变化

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

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

Answer 1

你可以猴子补丁get并返回一个副本。

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"));