javascript - new Datamap() 在调用之间保持共享的内存状态

Question

看来用这段代码:

var map = null;
map = new Datamap({
    // Conf 1 ...
});
// Draw map on DOM
// Remove map from DOM and recreate another map
map = null;
map = new Datamap({
    // Conf 2 ...
});

在第二次分配map之后，生成的Datamap是Conf 1和Conf 2的混合。这是怎么发生的？

这是一个现场演示:https://jsfiddle.net/mztyLh66/7/

Answer 1

该问题是由于 Datamap 实现 defaults 造成的.

在代码行中:

if (obj[prop] == null) obj[prop] = source[prop];

obj[prop]是指向 source[prop] 的指针，这会导致 new Datamap() 的不同实例之间共享内存状态。 .

我已经使用深层复制解决了该问题:

// Deep copy if property not set
if (obj[prop] == null) {
    if (typeof source[prop] == 'function') {
        obj[prop] = source[prop].bind({});
    }
    else {
        obj[prop] = JSON.parse(JSON.stringify(source[prop]));
    }
}

并打开了pull request修复它。