国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 學院 > 開發設計 > 正文

對象繼承訓練(1)

2019-11-11 06:21:30
字體:
來源:轉載
供稿:網友

上節課我們已經了解了PRototype的基本使用:http://blog.csdn.net/github_26672553/article/details/54375735。

本節課,我們來完成對象的繼承訓練。

上節課課后作業(訓練prototype)

var God = new GodClass({ version:’1.0’, }); 在這里我們執行alert(God.version) 請設定一個GodClass.init方法,在該方法中傳入參數,后面的任何實例對象不傳參數也有version這個屬性

var GodClass = function abc(obj){ if(this instanceof abc){ if(obj != undefined){ //把obj中的可枚舉屬性賦值給this Object.assign(this,obj); //注意:這個this,必須在你實例化GodClass之后才會產生 } }else{ alert('不要胡搞'); }}var God = new GodClass({version:'1.0'});alert(God.version); //彈出 '1.0'

上面代碼是可以的。

下面我們完成作業,通過一個類似靜態函數的方式,修改GodClass

var GodClass = function abc(obj){ if(this instanceof abc){ if(obj != undefined){ //把obj中的可枚舉屬性賦值給this Object.assign(this,obj); //注意:這個this,必須在你實例化GodClass之后才會產生 } }else{ alert('不要胡搞'); }}//定義一個init方法GodClass.init = function(obj){ if(obj != undefined){ Object.assign(this.prototype,obj); //注意:這里是把obj對象的屬性賦值給了this的prototype }}

注意,我們給GodClass增加了一個init方法,該方法接收一個對象,我們把對象中的屬性賦值給了原型(prototype)上。

以后我們只需要調用一次init方法后,后面再實例化GodClass就不必傳入參數了:

//然后我們可以通過類似靜態函數的方法傳入參數GodClass.init({version:'1.0'});//這里實例化的時候可不傳入參數var God = new GodClass();alert(God.version); //彈出 '1.0'

這節課我們來訓練所謂的對象繼承

關鍵點 Function.prototype.call() 方法在使用一個指定的this值和若干個指定的參數值的前提下調用某個函數或方法

//基類var BaseNews = function () { this.display = function(){ alert('新聞基類'); };}var SportsNews = function () { BaseNews.call(this); //這樣就繼承了BaseNews類中的方法}

我們使用SportsNews類:

//實例化var sn = new SportsNews();sn.display(); //發現確實存在這個方法

我們還可以通過另外的方式來擴展 除了在SportsNews中,還可以直接在Function的原型上增加擴展,修改如下:

//基類var BaseNews = function () { this.display = function(){ alert('新聞基類'); };}//給Function進行擴展Function.prototype.extends = function (className) { className.call(this.prototype);}//定義SportsNewsvar SportsNews = function () {}

上面代碼可以看出,我們給Function.prototype增加了extends方法,此方法就是用來擴展類的。 因為增加在原型上所以SportsNews也有該方法,我們來擴展SportsNews

//擴展SportsNewsSportsNews.extends(BaseNews);//實例化var sn = new SportsNews();sn.display(); //發現確實存在這個方法

這個時候,發現實例化后的SportsNews對象,還是有display方法,因為extends方法,是call了基類的原型。


發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 溧阳市| 长兴县| 阆中市| 讷河市| 双牌县| 霍林郭勒市| 宝山区| 韶山市| 和龙市| 乐山市| 东阳市| 尼玛县| 高淳县| 凌云县| 定陶县| 延吉市| 肥东县| 花垣县| 云龙县| 阿拉善盟| 郓城县| 南陵县| 怀安县| 沙河市| 花莲县| 澎湖县| 天台县| 镇雄县| 盐亭县| 芜湖市| 德保县| 西宁市| 舒兰市| 翁源县| 台南市| 山西省| 台北县| 建湖县| 河北省| 阳春市| 奉新县|