javascript prototype原型操作筆記
2024-05-06 14:12:32
供稿：網友
代碼如下:
//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 沒有，又會
