新數據圖（）保留的調用之間的存儲器共享狀態

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後，將所得數據圖是Conf 1和Conf 2的混合物。 這可能如何發生？

這裏有一個現場演示：https://jsfiddle.net/mztyLh66/7/

Answer 1

的問題是由於數據圖的實施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修復它。