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

首頁 > 編程 > JavaScript > 正文

javascript 繼承實現方法

2019-11-21 01:11:00
字體:
來源:轉載
供稿:網友
下面我給出幾種常用的方法:
1 .對象冒充
原理: 構造函數使用this關鍵字給所有屬性和方法賦值, 因為構造函數只是一個函數,所以可以使ClassA的構造函數成為classB的方法,然后調用它.這樣classB就會收到classA的構造函數中定義的屬性和方法.例子:
復制代碼 代碼如下:

function classA(name)
{
this.name=name;
this.showName=function(){alert(this.name);}
}
function classB(name)
{
this.newMethod = classA;
this.newMethod(name);
}
obj = new classA("hero");
objB = new classB("dby");
obj.showName(); // print hero
objB.showName(); // print dby 說明classB 繼承了classA的方法.

對象冒充可以實現多重繼承 例如
復制代碼 代碼如下:

function classz(){
this.newMethod = classX;
this.newMethod();
delete this.newMethod;
this.newMethod=classY;
this.newMethod():
delete this.newMethod;
}

但是如果classX和classY有相同的屬性或者方法,classY具有高優先級.
2.call()方法
call方法使與經典的對象冒充法就相近的方法,它的第一個參數用作this的對象,其他參數都直接傳遞給函數自身.
復制代碼 代碼如下:

function sayName(perfix)
{
alert(perfix+this.name);
}
obj= new Object();
obj.name="hero";
sayName.call(obj,"hello," );
function classA(name)
{
this.name=name;
this.showName=function(){alert(this.name);};
}
function classB(name)
{
classA.call(this,name);
}
objB = new classB("bing");
objB.showName();////說明classB繼承classA的showName方法

3.apply()方法
aplly()方法有2個參數,一個用作this對象,一個使傳遞給函數的參數數組.
復制代碼 代碼如下:

function sayName(perfix)
{
alert(perfix+this.name);
}
obj= new Object();
obj.name="hero";
sayName.aplly(obj,new Array("hello,") );

4. 原型鏈
prototype對象的任何屬性和方法都會被傳遞給對應類的所有實例,原型鏈就是用這種方式來顯現繼承.
復制代碼 代碼如下:

function classA (){}
classA.prototype.name="hero";
classA.prototype.showName=function(){alert(this.name)}
function classB(){}
classB.prototype=new classA();
objb = new classB()
objb.showName();//print hero 說明b繼承了a的方法

這里需要注意 調用classA的構造函數時,沒有給它傳遞參數,這是原型鏈的標準做法,確保函數的構造函數沒有任何參數.
并且 子類的所有屬性和方法,必須出現在prototype屬性被賦值后,應為在它之前賦的值會被刪除.因為對象的prototype屬性被替換成了新對象,添加了新方法的原始對象將被銷毀.

5 混和方式
就是用冒充方式 定義構造函數屬性,用原型法定義對象方法.
復制代碼 代碼如下:

function classA(name)
{
this.name=name;
}
classA.prototype.showName=function(){alert(this.name)}
function classB(name)
{
classA.call(this,name);
}
classB.prototype = new classA();
classB.prototype.showName1=function(){alert(this.name+"*****");};
obj = new classB("hero");
obj.showName();
obj.showName1();

在classB的構造函數中通過調用call方法 繼承classA中的name屬性,用原型鏈來繼承classA的showName方法.
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 仙游县| 梨树县| 庆元县| 台前县| 都兰县| 大足县| 黄浦区| 介休市| 阳谷县| 平定县| 道孚县| 富裕县| 邹城市| 景东| 岳普湖县| 威宁| 太仓市| 崇礼县| 平远县| 龙海市| 淅川县| 景洪市| 资阳市| 巴里| 荆门市| 喀喇沁旗| 托克逊县| 靖边县| 湖北省| 长垣县| 新晃| 巴塘县| 开封市| 云梦县| 高尔夫| 门源| 德格县| 巨野县| 玛曲县| 介休市| 九龙坡区|