## Object.create(IE9+) ### 問題拋出 ``` var obj = { getX:function(){ } }; function Fn(){ } Fn.prototype = obj; ```  因為更改了原本prototype的堆內存，自定義的又沒有constructor，So，我們發現  最終會指向`Object類` ``` var obj = { constructor:Fn ,getX:function(){ } }; function Fn(){ } Fn.prototype = obj; Fn.prototype.sum = function(){} //此時Fn.prototype和obj都指向同一塊內存，嗯，不大好 var obj2 = {}; for(var key in obj){ if(obj.hasOwnProperty(key)){ obj2[key] = obj[key]; } } //將拷貝出來的新內存空間obj2的地址再賦給prototype即可 ``` 嗯，為了解決這個問題，ecma5提供了一個新API ### Object.create 該方法創建一個擁有指定原型和若干個指定屬性的對象 ``` Object.create(proObj) //創建一個新的對象，但是還要把proObj作為這個對象的原型 ``` ``` var obj = {getX:function(){}}; var obj2 = Object.create(obj); //->obj2 //__proto__: // getX:function(){} // __proto__:Object.prototype obj2.getX(); obj.getY = function(){console.log(2)}; obj2.getY(); //2 ``` Object.create實現 ``` function object(obj){ function Fn(){}; Fn.prototype = obj; return new Fn; } ``` 正常時使用 ``` function Sum(){} Sum.prototype = Object.create(obj); Sum.prototype.constructor = Sum; ``` 好處就是Sum.prototype和obj并不會指向同一個內存空間（不在一個層級）; 這樣我們修改Sum的prototype，并不會直接影響到obj對象這一層