JavaScript對象繼承順序

編程語言 JavaScript 教育 下班很無聊 2017-06-15

一對象繼承順序

用一個例子說明

Object.prototype.say=function(){

alert("我是頂層的方法");

}

function person(){

this.say=function(){

alert("我是父類方法");

}

}

person.prototype.say=function(){

alert("我是父級原型方法");

}

function student(){

this.say=function(){

alert("我是本身方法")

}

}

student.prototype=new person();

student.prototype.say=function(){

alert("我是本身原型方法");

}

var zhangsan = new student();

alert(zhangsan.say);

彈出JavaScript對象繼承順序

將本身say方法( this.say=function(){alert("我是本身方法") } )刪除,彈出

JavaScript對象繼承順序

將本身原型say方法(student.prototype.say=function(){ alert("我是本身原型方法");})刪除,彈出

JavaScript對象繼承順序

將父類say方法(this.say=function(){ alert("我是父類方法"); })刪除,彈出

JavaScript對象繼承順序

將父類原型say方法(person.prototype.say=function(){ alert("我是父級原型方法");})刪除,彈出

JavaScript對象繼承順序

由此可以看出,繼承的順序依次為,自身的方法,自身的原型方法,父類方法,父類原型方法,Object原型方法。

相關推薦

推薦中...