JS原型繼承四步曲及原型繼承圖一覽
更新時間:2017年11月28日 08:34:37 作者:紅蓮燦世
下面小編就為大家分享一篇JS原型繼承四步曲及原型繼承圖一覽,具有很好的參考價值。希望對大家有所幫助。一起跟隨小編過來看看吧
一: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); } //第三步:確定繼承的關系 Cat.prototype = Object.create(Animal.prototype); //第四步:改造構造器 //改變了某個構造器的原型之后,緊接著的代碼一定是改構造器 Cat.prototype.constructor = Cat; Cat.prototype.zhualaoshu = function(){ console.log(this.name + " 抓 老鼠"); } var mao = new Cat("貓"); mao.eat(); mao.zhualaoshu();
二: 原型繼承圖
下圖輔助理解
練習提鞏固理解、
函數Foo的__proto的值等于Foo.prototype,對嗎? | 不對 |
Object的prototype可以修改嗎?能與不能原因是什么 | 不可以 |
頂級constructor是誰? | Function() |
頂級原型對象是誰? | Object.prototype |
對象的construtor成員是個屬性還是個方法? | 方法 |
Function有沒有__proto__,為什么?值等于Object.prototype嗎? | 有,是Function.prototype; |
所有的構造器的__proto__都等于其對應的prototype | 不對 |
創(chuàng)建類形式的繼承的四部曲是什么? | 創(chuàng)建父類——>創(chuàng)建子類——>確定繼承關系——>改構造器 |
Function的constructor與prototype值可以修改嗎? | 可以 |
Object.prototype === Object.__proto__嗎? | 不對 |
Function.prototype === Function.__proto__嗎? | 是 |
function F(){}; var f1 = new F();f1.__proto__ === Object.prototype嗎? | 不對 |
以上這篇JS原型繼承四步曲及原型繼承圖一覽就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
相關文章
Bootstrap.css與layDate日期選擇樣式起沖突的解決辦法
這篇文章主要為大家詳細介紹了BootStrap.css與layDate日期選擇樣式起沖突的解決辦法,具有一定的參考價值,感興趣的小伙伴們可以參考一下2017-04-04微信小程序使用websocket通訊的demo,含前后端代碼,親測可用
這篇文章主要介紹了微信小程序使用websocket通訊的demo,含前后端代碼,親測可用,需要的朋友可以參考下2019-05-05