javascript prototype原型操作筆記

來源:互聯網
上載者:User

複製代碼 代碼如下://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) //基類建構函式
{
this.name = name;
};

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

function Employee(name, salary) //子類建構函式
{
Person.call(this, name); //調用基類建構函式
this.salary = salary;
};

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

}

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

Xiong.prototype=new Employee();

Employee.prototype.ShowMeTheMoney = function() //給子類添建構函式的 prototype 添加方法
{
alert(this.name + " $" + this.salary);
};
var BillGates = new Person("Bill Gates"); //建立基類 Person 的 BillGates 對象
var SteveJobs = new Employee("Steve Jobs", 1234); //建立子類 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 還有尋根問祖的
天性,從而使得先輩們的遺產可以代代相傳。當從一個對象那裡讀取屬性或調用方法時,如果該對象自
身不存在這樣的屬性或方法,就會去自己關聯的 prototype 對象那裡尋找;如果 prototype 沒有,又會
去 prototype 自己關聯的前輩 prototype 那裡尋找,直到找到或追溯過程結束為止。

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

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

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在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.