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

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

對象繼承訓練(1)

2019-11-11 05:43:14
字體:
來源:轉載
供稿:網友

上節課我們已經了解了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了基類的原型。


發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 大姚县| 孟州市| 广安市| 红原县| 巩义市| 札达县| 铁岭市| 霍城县| 龙州县| 伊吾县| 太仆寺旗| 贵州省| 秦皇岛市| 永城市| 通海县| 象州县| 博爱县| 宜宾县| 南溪县| 横峰县| 武清区| 邹平县| 行唐县| 海门市| 汉源县| 蓬溪县| 平山县| 建湖县| 年辖:市辖区| 唐海县| 和平县| 内江市| 澄城县| 班戈县| 十堰市| 汉沽区| 崇州市| 格尔木市| 清流县| 合江县| 汶川县|