javascript prototype原型操作筆記
更新時(shí)間:2009年12月07日 19:22:55 作者:
在 JavaScript 中,prototype 不但能讓對(duì)象共享自己財(cái)富,而且 prototype 還有尋根問祖的天性,從而使得先輩們的遺產(chǎn)可以代代相傳。
復(fù)制代碼 代碼如下:
//var People={name:"xiong",age:15};
//var Person=function(user,age){
// this.name=user;
// this.age=age;
// this.say=function(){alert("I am "+this.name+"\n"+this.age);}
//}
//var Chairman=function(name,salary){
// Person.call(this,name);
// }
//var Bill=new Person("Bill",15);
//var Hu=new Chairman("Hu Jintao");
//Person.prototype.eat=function(){
// alert("I'm eating");
// }
//Bill.eat();
function Person(name) //基類構(gòu)造函數(shù)
{
this.name = name;
};
Person.prototype.SayHello = function() //給基類構(gòu)造函數(shù)的 prototype 添加方法
{
alert("Hello, I'm " + this.name);
};
function Employee(name, salary) //子類構(gòu)造函數(shù)
{
Person.call(this, name); //調(diào)用基類構(gòu)造函數(shù)
this.salary = salary;
};
function Xiong(name,age){
Employee.call(this,name);
}
Employee.prototype = new Person(); //建一個(gè)基類的對(duì)象作為子類原型的原型,這里很有意思
Xiong.prototype=new Employee();
Employee.prototype.ShowMeTheMoney = function() //給子類添構(gòu)造函數(shù)的 prototype 添加方法
{
alert(this.name + " $" + this.salary);
};
var BillGates = new Person("Bill Gates"); //創(chuàng)建基類 Person 的 BillGates 對(duì)象
var SteveJobs = new Employee("Steve Jobs", 1234); //創(chuàng)建子類 Employee 的 SteveJobs對(duì)象
var hiakuotiankong=new Xiong("海闊天空");
var benbenxiong=new Xiong("笨笨熊");
// BillGates.SayHello(); //通過對(duì)象直接調(diào)用到 prototype 的方法
// hiakuotiankong.SayHello(); //通過子類對(duì)象直接調(diào)用基類 prototype 的方法,關(guān)注!
benbenxiong.SayHello=function(){ //掩蓋了原型的 SayHello 方法
alert("haha,I'm"+this.name);
}
benbenxiong.SayHello();
// SteveJobs.ShowMeTheMoney(); //通過子類對(duì)象直接調(diào)用子類 prototype 的方法
// alert(BillGates.SayHello == SteveJobs.SayHello); //顯示:true,表明 prototype 的方法是共享的
Xiong.prototype.Goodbye=function(){
alert(this.name+"Bye-bye");
}
benbenxiong.Goodbye();
在 JavaScript 中,prototype 不但能讓對(duì)象共享自己財(cái)富,而且 prototype 還有尋根問祖的
天性,從而使得先輩們的遺產(chǎn)可以代代相傳。當(dāng)從一個(gè)對(duì)象那里讀取屬性或調(diào)用方法時(shí),如果該對(duì)象自
身不存在這樣的屬性或方法,就會(huì)去自己關(guān)聯(lián)的 prototype 對(duì)象那里尋找;如果 prototype 沒有,又會(huì)
去 prototype 自己關(guān)聯(lián)的前輩 prototype 那里尋找,直到找到或追溯過程結(jié)束為止。
在 JavaScript 內(nèi)部,對(duì)象的屬性和方法追溯機(jī)制是通過所謂的 prototype 鏈來實(shí)現(xiàn)的。當(dāng)用 new
操作符構(gòu)造對(duì)象時(shí),也會(huì)同時(shí)將構(gòu)造函數(shù)的 prototype 對(duì)象指派給新創(chuàng)建的對(duì)象,成為該對(duì)象內(nèi)置的原
型對(duì)象。對(duì)象內(nèi)置的原型對(duì)象應(yīng)該是對(duì)外不可見的,盡管有些瀏覽器(如 Firefox)可以讓我們?cè)L問這個(gè)
內(nèi)置原型對(duì)象,但并不建議這樣做。內(nèi)置的原型對(duì)象本身也是對(duì)象,也有自己關(guān)聯(lián)的原型對(duì)象,這樣就
形成了所謂的原型鏈。
在原型鏈的最末端,就是 Object 構(gòu)造函數(shù) prototype 屬性指向的那一個(gè)原型對(duì)象。這個(gè)原型對(duì)象
是所有對(duì)象的最老祖先,這個(gè)老祖宗實(shí)現(xiàn)了諸如 toString 等所有對(duì)象天生就該具有的方法。其他內(nèi)置
構(gòu)造函數(shù),如 Function, Boolean, String, Date 和 RegExp 等的 prototype 都是從這個(gè)老祖宗傳承下
來的,但他們各自又定義了自身的屬性和方法,從而他們的子孫就表現(xiàn)出各自宗族的那些特征。
您可能感興趣的文章:
- javascript prototype的深度探索不是原型繼承那么簡單
- JavaScript為對(duì)象原型prototype添加屬性的兩種方式
- js中使用使用原型(prototype)定義方法的好處詳解
- javascript prototype原型詳解(比較基礎(chǔ))
- javascript prototype 原型鏈
- JS構(gòu)造函數(shù)與原型prototype的區(qū)別介紹
- 跟我學(xué)習(xí)javascript的prototype原型和原型鏈
- js使用原型對(duì)象(prototype)需要注意的地方
- 淺談js構(gòu)造函數(shù)的方法與原型prototype
- [js高手之路]圖解javascript的原型(prototype)對(duì)象,原型鏈實(shí)例
- Javascript 原型和繼承(Prototypes and Inheritance)
- JS原型prototype和__proto__用法實(shí)例分析
相關(guān)文章
npm install報(bào)錯(cuò)無法創(chuàng)建packge.json文件的解決辦法
當(dāng)你在運(yùn)行 npm install 時(shí)遇到錯(cuò)誤,提示無法找到 package.json 文件,也沒有創(chuàng)建一個(gè) package.json 文件,只創(chuàng)建了一個(gè)package-lock.json文件,本文給大家介紹詳細(xì)的解決辦法,需要的朋友可以參考下2024-02-02
用Javascript評(píng)估用戶輸入密碼的強(qiáng)度(Knockout版)
早上看到博友6點(diǎn)多發(fā)的一篇關(guān)于密碼強(qiáng)度的文章(連接),甚是感動(dòng)(周末大早上還來發(fā)文)2011-11-11
javascript ready和load事件的區(qū)別示例介紹
ready是在DOM加載完成就觸發(fā);load是在加載完所有頁面內(nèi)容才會(huì)觸發(fā),下為大家簡要介紹下,不知道的朋友可以參考下2013-08-08
JS中for循環(huán)的四種寫法示例(入門級(jí))
對(duì)于for循環(huán)相信大家再常用不過了,下面這篇文章主要給大家介紹了關(guān)于JS中for循環(huán)的四種寫法,文中通過示例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-04-04
web項(xiàng)目開發(fā)之JS函數(shù)防抖與節(jié)流示例代碼
這篇文章主要介紹了web項(xiàng)目開發(fā)之JS函數(shù)防抖與節(jié)流實(shí)現(xiàn)的示例代碼及原理解析,有需要的朋友可以借鑒參考下,希望能夠有所幫助2021-09-09
Javascript iframe交互并兼容各種瀏覽器的解決方法
這篇文章主要介紹了Javascript iframe交互并兼容各種瀏覽器的解決方法的相關(guān)資料,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友可以參考下2016-07-07

