JS繼承的實現

2021-09-01 16:07:46 字數 943 閱讀 8484

1.常用的實現繼承的方法有:

2.方法1:利用call實現繼承 **如下:

/*父函式*/

function person(name,age)

}/*子函式*/

function son(name,age)

let son=new son('張三',18);

console.log(son.say()); //我叫:張三 年齡:18

通過call方法將person(父函式)內的this改為指向son(子函式),此時person(父函式)內設定的屬性均屬於為son函式,從而實現了繼承。

/*父函式*/

function person(name,age)

}/*子函式*/

function son(name,age)

let son=new son('李四',19);

console.log(son.say());//我叫:李四 年齡:19

3.方法3:通過prototype原型實現繼承 **如下:

/*父函式*/

function person()

person.prototype.name="王五";

person.prototype.age=20;

person.prototype.say=function()

/*子函式*/

son.prototype=new person();

function son(name,age)

let son=new son('小明',20);

console.log(son.say());//小明 20

如果沒有為son傳入name,age那麼son將繼承person的name和age

當然你也可以將上述方法混合使用,也是沒有問題的。

js繼承的實現

1 繼承第一種方式 物件冒充 function parent username function child username,password var parent new parent zhangsan var child new child lisi 123456 parent.hello c...

js繼承的實現

js繼承有5種實現方式 1 繼承第一種方式 物件冒充 function parent username function child username,password var parent new parent zhangsan var child new child lisi 123456 pa...

JS實現繼承

1.使用物件冒充實現繼承 該種實現方式可以實現多繼承 實現原理 讓父類的建構函式成為子類的方法,然後呼叫該子類的方法,通過this關鍵字給所有的屬性和方法賦值 function parent firstname function child firstname var mychild new chi...