JS原型繼承四步曲及原型繼承圖是怎樣的

發(fā)布時間：2021-09-15 10:48:34 來源：億速云閱讀：121 作者：柒染欄目：web開發(fā)

本篇文章為大家展示了JS原型繼承四步曲及原型繼承圖是怎樣的，內(nèi)容簡明扼要并且容易理解，絕對能使你眼前一亮，通過這篇文章的詳細介紹希望你能有所收獲。

一：js原型繼承四步曲

//js模擬類的創(chuàng)建以及繼承
 //動物（Animal），有頭這個屬性，eat方法
 //名字這個屬性
 //貓有名字屬性，繼承Animal，抓老鼠方法
 
 //第一步：創(chuàng)建父類
 function Animal(name){
  this.name = name;
 }
 //給父類添加屬性方法
 Animal.prototype.eat = function(){
  console.log(this.name + " eating...");
 
 }
 //第二步：創(chuàng)建子類 
 function Cat(name){
  Animal.call(this,name);

 }
 //第三步：確定繼承的關(guān)系
 Cat.prototype = Object.create(Animal.prototype);
 
 //第四步：改造構(gòu)造器
 //改變了某個構(gòu)造器的原型之后，緊接著的代碼一定是改構(gòu)造器
 Cat.prototype.constructor = Cat;
 
 Cat.prototype.zhualaoshu = function(){
  console.log(this.name + " 抓 老鼠");
 }
 
 var mao = new Cat("貓");
 mao.eat();
 mao.zhualaoshu();

二： 原型繼承圖

下圖輔助理解

練習提鞏固理解、

函數(shù)Foo的__proto的值等于Foo.prototype,對嗎？	不對
Object的prototype可以修改嗎？能與不能原因是什么	不可以
頂級constructor是誰？	Function()
頂級原型對象是誰？	Object.prototype
對象的construtor成員是個屬性還是個方法？	方法
Function有沒有__proto__,為什么？值等于Object.prototype嗎？	有，是Function.prototype;
所有的構(gòu)造器的__proto__都等于其對應(yīng)的prototype	不對
創(chuàng)建類形式的繼承的四部曲是什么？	創(chuàng)建父類——>創(chuàng)建子類——>確定繼承關(guān)系——>改構(gòu)造器
Function的constructor與prototype值可以修改嗎？	可以
Object.prototype === Object.__proto__嗎？	不對
Function.prototype === Function.__proto__嗎？	是
function F(){}; var f1 = new F();f1.__proto__ === Object.prototype嗎？	不對

上述內(nèi)容就是JS原型繼承四步曲及原型繼承圖是怎樣的，你們學到知識或技能了嗎？如果還想學到更多技能或者豐富自己的知識儲備，歡迎關(guān)注億速云行業(yè)資訊頻道。

向AI問一下細節(jié)

JS原型繼承四步曲及原型繼承圖是怎樣的

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標簽