object.create(null) 和 {}創建對象的區別

原文

　　簡書原文：https://www.jianshu.com/p/43ce4d7d6151

創建對象的方法

　　如果要創建一個空的對象，可以使用如下的三種方法

var obj1 = {};
var obj2 = Object.create(null);
var obj3 = new Object();

創建空對象的區別

　　要創建一個干凈的空對象，應該使用Object.create(null)而不是剩下兩種。
　　通過做Objist.create（NULL），我們顯式指定NULL作為它的原型。所以它絕對沒有屬性，甚至沒有構造函數、toString、hasOwnProperty屬性，所以如果需要的話，可以在數據結構中使用這些鍵，而不需要通過hasOwnProperty進行判斷。

var obj1 = {};
var obj2 = Object.create(null);
var obj3 = new Object();

var con1 = obj1.constructor;
var con2 = obj2.constructor;
var con3 = obj3.constructor;

console.log(con1);//ƒ Object() { [native code] }
console.log(con2);//undefined
console.log(con3);// Object() { [native code] }

實例說明

const dirtyMap = {};
const cleanMap = Object.create(null);
const key;
for(key in dirtyMap){
  // Check to avoid iterating over inherited properties.
  //不純凈的對象是需要做判斷的
  if (dirtyMap.hasOwnProperty(key)) {   
    console.log(key + " -> " + dirtyMap[key]);
  }
}

for(key in cleanMap){
  // No need to add extra checks, as the object will always be clean
  //純凈的對象不需要做判斷
  console.log(key + " -> " + cleanMap[key]);    
}