原型 原型鏈 繼承

2022-08-29 19:51:20 字數 1432 閱讀 2235

在 js 中，一切皆物件！ 下面就讓我們從建立物件開始，逐步學習js中的核心知識： 原型，原型鏈，繼承等

// 1. 字面量方式建立物件 : var obj = {} ;


var obj1 = 


};// ---------------------------------------


// 2. 使用 new object () 的方式建立物件


var obj2 = new object();


obj2.name = "張三";


obj2.age = 13;


obj2.sayhello = function () 


// ---------------------------------------


// 3. 使用 function 建構函式建立物件


function person() 


}var obj3 = new person();


obj3.sayhello();


// ---------------------------------------


// 4. 使用 object.create() 建立物件


var obj4 = object.create(object.prototype,,


age:,


sayhello: 


}});obj4.sayhello ();
//   接著上面的**寫


console.log(typeof obj1);    // object 


console.log(typeof obj2);    // object


console.log(typeof obj3);    // object


console.log(typeof obj4);    // object


console.log(typeof person);  // 輸出 function
在 js 中最常見的物件型別就是 object 和 function 。object 是通過 new object () 方式（或者其變種） 建立的， 而 function 物件 是通過 new function() 方式建立的。 function (){} 定義的函式是隱式的 new function()。

建構函式可以說是乙個普通的函式。 通過建構函式可以建立物件 ，任何函式都可以被看做 建構函式

function person(name, age, job)  


}var person1 = new person('zaxlct', 28, 'software engineer');


var person2 = new person('mick', 23, 'doctor');
每個函式物件都會被分配乙個屬性 "prototype"，通過這個屬性可以得到 函式物件的原型物件。

原型 原型鏈 繼承

原型 是function物件的乙個屬性，它定義了建構函式 製造出的物件 的公共祖先。通過該建構函式產生的物件，可以繼承該原型的屬性和方法。原型也是物件 這定義有點模糊，用 解釋一下 我們在控制台中列印出了這個，首先son物件的建構函式是foo，但是我們的foo中什麼屬性都沒有，怎麼會出現乙個 pro...

原型 原型鏈和繼承

看一段 就明白了function person nick,age person.prototype.sayname function var p1 newperson byron 20 var p2 newperson casper 25 p1.sayname byron p2.sayname ca...

原型 原型鏈與繼承

面試中經常考到物件導向的一些知識，在這記錄一下，如有不對歡迎指正，願在前端的道路上共勉！一 原型 1.什麼是原型 簡單說就像css的class一樣，是公用的，給dom元素加個class名就可以公用樣式，那麼原型就相當於css裡面的class，都可以用。在建構函式建立出來的時候，系統會預設的幫建構函式...