js 中繼承的幾種方式

2022-06-11 07:27:13 字數 1571 閱讀 9020

繼承的方式一共有三種:

一、原型繼承

通過prototype   來實現繼承。

function

person(name,age)

person.prototype.sayhello=function

()

var per = new person("馬小倩",21);

per.sayhello();

//輸出:使用原型得到name:馬小倩

function

student(){}

student.prototype=new person("洪如彤",21); //

實現原型繼承

var stu = new

student();

student.prototype.grade=5;

student.prototype.intr=function

()

stu.sayhello();

//輸出:使用原型得到name:洪如彤

stu.intr();//

輸出:5

二、建構函式實現繼承

function

person(name,age)

person.prototype.sayhello=function

()

var per = new person("馬小倩",21);

per.sayhello();

//輸出:使用原型得到name:馬小倩

繼承的方式一共有三種:

一、原型繼承

通過prototype   來實現繼承。

function

person(name,age)

person.prototype.sayhello=function

()

var per = new person("馬小倩",21);

per.sayhello();

//輸出:使用原型得到name:馬小倩

function

student(){}

student.prototype=new person("洪如彤",21); //

實現原型繼承

var stu = new

student();

student.prototype.grade=5;

student.prototype.intr=function

()

stu.sayhello();

//輸出:使用原型得到name:洪如彤

stu.intr();//

輸出:5

二、建構函式實現繼承

function

person(name,age)

person.prototype.sayhello=function

()

var per = new person("馬小倩",21);

per.sayhello();

//輸出:使用原型得到name:馬小倩

js 中繼承的幾種方式

繼承的方式一共有三種 一 原型繼承 通過prototype 來實現繼承。function person name,age person.prototype.sayhello function var per new person 馬小倩 21 per.sayhello 輸出 使用原型得到name 馬...

js繼承幾種方式

js作為物件導向的弱型別語言,繼承也是其非常強大的特性之一。那麼如何在js中實現繼承呢?讓我們拭目以待。既然要實現繼承,那麼首先我們得有乙個父類,如下 定義乙個動物類 function animal name 原型方法 animal.prototype.eat function food 核心 將父...

幾種js的繼承方式

1 繼承第一種方式 物件冒充 function super username function sub username var supernew new super super var subnew new sub sub supernew.hello subnew.hello subnew.wo...