javascript中Object.create與new的不同

來源:互聯網
上載者:User
new

new配合建構函式使用,建立一個新對象。

//定義classvar Person = function (firstName) {  this.firstName = firstName;};//定義methodPerson.prototype.sayHello = function() {  console.log("Hello, I'm " + this.firstName);};//執行個體對象var person1 = new Person("Alice");//對象調用methodperson1.sayHello(); // logs "Hello, I'm Alice"

這裡有個疑問,為啥sayHello方法定義在Person.prototype上,而prototype又是什麼東西。
prototype是javascript OOP的magic。javascript的物件導向,繼承等實現都是圍繞著prototype屬性轉的。
在javascript中,只有function(javascript中function也是對象)才有prototype屬性。定義一個函數,它的prototype預設是一個Null 物件,即{}。

var test = function () {return 'haha';};console.log(test.prototype); // {}

函數有了prototype屬性,由函數建立的對象才有原型的概念。person1由Person函數構建出來的,所以person1的原型就是Person.prototype。javascript使用__proto__指向對象的原型。

console.log(Person.prototype) // { sayHello: [Function] }console.log(person1.__proto__) // { sayHello: [Function] }

由此可以總結new做了:
1. 建立執行個體對象person1
2. 調用建構函式(Person)初始化person1成員變數(firstname)。
3. 指定執行個體對象的原型為Person.prototype對象。即person1.__proto__指向Person.prototype。 Object.create()

Object.create(o)的作用是建立一個Null 物件,Null 物件的原型是參數o:

var o = Object.create(null);console.log(o); // {}o.name = 'jian';var o2 = Object.create(o);console.log(o2); // {}console.log(o2.name); // 'jian', 

o2為空白對象,但o2.name輸出了‘jian‘,在對象o2上沒有找到name屬性,但在原型o上找到了。
由此可以總結Object.create()做了:
1. 建立Null 物件{}
2. 指定Null 物件{}的原型為Object.create()的參數。

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.