javascript prototype原型操作筆記

更新時間：2009年12月07日 19:22:55 作者：

在 JavaScript 中，prototype 不但能讓對象共享自己財富，而且 prototype 還有尋根問祖的天性，從而使得先輩們的遺產可以代代相傳。

//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) //基類構造函數(shù) 
{ 
this.name = name; 
}; 

Person.prototype.SayHello = function() //給基類構造函數(shù)的 prototype 添加方法 
{ 
alert("Hello, I'm " + this.name); 
}; 

function Employee(name, salary) //子類構造函數(shù) 
{ 
Person.call(this, name); //調用基類構造函數(shù) 
this.salary = salary; 
}; 

    function Xiong(name,age){ 
        Employee.call(this,name); 

        } 

Employee.prototype = new Person(); //建一個基類的對象作為子類原型的原型，這里很有意思 

    Xiong.prototype=new Employee(); 

Employee.prototype.ShowMeTheMoney = function() //給子類添構造函數(shù)的 prototype 添加方法 
{ 
alert(this.name + " $" + this.salary); 
}; 
var BillGates = new Person("Bill Gates"); //創(chuàng)建基類 Person 的 BillGates 對象 
var SteveJobs = new Employee("Steve Jobs", 1234); //創(chuàng)建子類 Employee 的 SteveJobs對象 
     var hiakuotiankong=new Xiong("海闊天空"); 
     var benbenxiong=new Xiong("笨笨熊"); 

// BillGates.SayHello(); //通過對象直接調用到 prototype 的方法 
// hiakuotiankong.SayHello(); //通過子類對象直接調用基類 prototype 的方法，關注！ 
     benbenxiong.SayHello=function(){ //掩蓋了原型的 SayHello 方法 
         alert("haha,I'm"+this.name); 
} 
         benbenxiong.SayHello(); 
// SteveJobs.ShowMeTheMoney(); //通過子類對象直接調用子類 prototype 的方法 
// alert(BillGates.SayHello == SteveJobs.SayHello); //顯示：true，表明 prototype 的方法是共享的 
    Xiong.prototype.Goodbye=function(){ 
         alert(this.name+"Bye-bye"); 
        } 
    benbenxiong.Goodbye();    

在 JavaScript 中，prototype 不但能讓對象共享自己財富，而且 prototype 還有尋根問祖的
天性，從而使得先輩們的遺產可以代代相傳。當從一個對象那里讀取屬性或調用方法時，如果該對象自
身不存在這樣的屬性或方法，就會去自己關聯(lián)的 prototype 對象那里尋找；如果 prototype 沒有，又會
去 prototype 自己關聯(lián)的前輩 prototype 那里尋找，直到找到或追溯過程結束為止。

在 JavaScript 內部，對象的屬性和方法追溯機制是通過所謂的 prototype 鏈來實現(xiàn)的。當用 new
操作符構造對象時，也會同時將構造函數(shù)的 prototype 對象指派給新創(chuàng)建的對象，成為該對象內置的原
型對象。對象內置的原型對象應該是對外不可見的，盡管有些瀏覽器(如 Firefox)可以讓我們訪問這個
內置原型對象，但并不建議這樣做。內置的原型對象本身也是對象，也有自己關聯(lián)的原型對象，這樣就
形成了所謂的原型鏈。

在原型鏈的最末端，就是 Object 構造函數(shù) prototype 屬性指向的那一個原型對象。這個原型對象
是所有對象的最老祖先，這個老祖宗實現(xiàn)了諸如 toString 等所有對象天生就該具有的方法。其他內置
構造函數(shù)，如 Function, Boolean, String, Date 和 RegExp 等的 prototype 都是從這個老祖宗傳承下
來的，但他們各自又定義了自身的屬性和方法，從而他們的子孫就表現(xiàn)出各自宗族的那些特征。

您可能感興趣的文章: