JS原型繼承四步曲及原型繼承圖一覽
一:js原型繼承四步曲
//js模擬類的創(chuàng)建以及繼承 //動(dòng)物(Animal),有頭這個(gè)屬性,eat方法 //名字這個(gè)屬性 //貓有名字屬性,繼承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è)構(gòu)造器的原型之后,緊接著的代碼一定是改構(gòu)造器 Cat.prototype.constructor = Cat; Cat.prototype.zhualaoshu = function(){ console.log(this.name + " 抓 老鼠"); } var mao = new Cat("貓"); mao.eat(); mao.zhualaoshu();
二: 原型繼承圖
下圖輔助理解
練習(xí)提鞏固理解、
函數(shù)Foo的__proto的值等于Foo.prototype,對(duì)嗎? | 不對(duì) |
Object的prototype可以修改嗎?能與不能原因是什么 | 不可以 |
頂級(jí)constructor是誰(shuí)? | Function() |
頂級(jí)原型對(duì)象是誰(shuí)? | Object.prototype |
對(duì)象的construtor成員是個(gè)屬性還是個(gè)方法? | 方法 |
Function有沒有__proto__,為什么?值等于Object.prototype嗎? | 有,是Function.prototype; |
所有的構(gòu)造器的__proto__都等于其對(duì)應(yīng)的prototype | 不對(duì) |
創(chuàng)建類形式的繼承的四部曲是什么? | 創(chuàng)建父類——>創(chuàng)建子類——>確定繼承關(guān)系——>改構(gòu)造器 |
Function的constructor與prototype值可以修改嗎? | 可以 |
Object.prototype === Object.__proto__嗎? | 不對(duì) |
Function.prototype === Function.__proto__嗎? | 是 |
function F(){}; var f1 = new F();f1.__proto__ === Object.prototype嗎? | 不對(duì) |
以上這篇JS原型繼承四步曲及原型繼承圖一覽就是小編分享給大家的全部?jī)?nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
相關(guān)文章
微信小程序?qū)崿F(xiàn)簡(jiǎn)單手寫簽名組件的方法實(shí)例
在使用微信的時(shí)候,為方便我們發(fā)送文件可以直接在上面進(jìn)行手寫簽名,這篇文章主要給大家介紹了關(guān)于利用微信小程序?qū)崿F(xiàn)簡(jiǎn)單手寫簽名組件的相關(guān)資料,需要的朋友可以參考下2021-07-07Bootstrap.css與layDate日期選擇樣式起沖突的解決辦法
這篇文章主要為大家詳細(xì)介紹了BootStrap.css與layDate日期選擇樣式起沖突的解決辦法,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-04-04javascript 隨機(jī)展示頭像實(shí)現(xiàn)代碼
隨機(jī)展示小頭像,隨機(jī)數(shù)包括 位置、層級(jí)、大小、透明度 等2011-12-12javascript實(shí)現(xiàn)了照片拖拽點(diǎn)擊置頂?shù)恼掌瑝Υa
這篇文章主要介紹了javascript實(shí)現(xiàn)了照片拖拽點(diǎn)擊置頂?shù)恼掌瑝Υa,效果非常不錯(cuò),這里推薦給大家,有需要的小伙伴可以參考下。2015-04-04javascript跳轉(zhuǎn)與返回和刷新頁(yè)面的實(shí)例代碼
這篇文章主要介紹了javascript跳轉(zhuǎn)與返回和刷新頁(yè)面的實(shí)例代碼,簡(jiǎn)單介紹了javascript中window.open()與window.location.href的區(qū)別,感興趣的朋友一起看看吧2019-11-11JS解決iframe之間通信和自適應(yīng)高度的問(wèn)題
關(guān)于iframe之間的通信問(wèn)題與自適應(yīng)高度問(wèn)題網(wǎng)上有很多,那么這篇文章小編也和大家一起來(lái)談?wù)刬frame之間通信問(wèn)題及iframe自適應(yīng)高度問(wèn)題,有需要的可以參考借鑒。2016-08-08實(shí)現(xiàn)web打印的各種方法介紹及實(shí)現(xiàn)代碼
web的打印方法具我自己懂得知道的有:JQuery插件Jqprint實(shí)現(xiàn);JQery打印插件PrintArea實(shí)現(xiàn)網(wǎng)頁(yè)打印;CSS控制網(wǎng)頁(yè)打印樣式,本文詳細(xì)介紹實(shí)現(xiàn)步驟,感興趣的朋友可以了解下2013-01-01微信小程序使用websocket通訊的demo,含前后端代碼,親測(cè)可用
這篇文章主要介紹了微信小程序使用websocket通訊的demo,含前后端代碼,親測(cè)可用,需要的朋友可以參考下2019-05-05