欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

js類的繼承定義與用法分析

 更新時(shí)間：2019年06月21日 11:26:42   作者：學(xué)習(xí)筆記666  
這篇文章主要介紹了js類的繼承定義與用法,結(jié)合實(shí)例形式分析了javascript關(guān)于類的定義與繼承的相關(guān)使用技巧,需要的朋友可以參考下

本文實(shí)例講述了js類的繼承定義與用法。分享給大家供大家參考，具體如下：

如何實(shí)現(xiàn)類的繼承呢？

有如下2個(gè)構(gòu)造函數(shù)：

function PeopleClass(){
  this.type = "人";
};
PeopleClass.ptototype = {
  getType:function(){
    alert("這是一個(gè)人");
  }
};
function StudentClass(name,sex){
  this.name = name;
  this.sex = sex;
};

如何讓『學(xué)生』對(duì)象來(lái)繼承『人』對(duì)象呢？可使用apply方法將父對(duì)象的構(gòu)造函數(shù)綁定在子對(duì)象上，代碼如下：

function PeopleClass(){
  this.type = "人";
};
PeopleClass.ptototype = {
  getType:function(){
    alert("這是一個(gè)人");
  }
};
function StudentClass(name,sex){
  PeopleClass.apply(this,arguments);
  this.name = name;
  this.sex = sex;
};
var stu = new StudentClass("lily","男");
alert(stu.type); //[人]

從運(yùn)行的結(jié)果來(lái)看，StudentClass繼承了PeopleClass的屬性『人』。

而方法的繼承，只要循環(huán)使用父對(duì)象的prototype進(jìn)行復(fù)制，即可達(dá)到繼承的目的。方法如下：

function StudentClass(name,sex){
  PeopleClass.apply(this,arguments);
  var prop;
  for(prop in PeopleClass.prototype){
    var proto = this.constructor.prototype;
    if(!proto[prop]){
      proto[prop] = PeopleClass.prototype[prop];
    }
    proto[prop]["super"] = PeopleClass.prototype;
  }
  this.name = name;
  this.sex = sex;
};
var stu = new StudentClass("lily","女");
alert(stu.type); //[人]
stu.getType(); //[這是一個(gè)人]

以上就是js中繼承的實(shí)現(xiàn)。

感興趣的朋友可以使用在線HTML/CSS/JavaScript代碼運(yùn)行工具：http://tools.jb51.net/code/HtmlJsRun測(cè)試上述代碼運(yùn)行效果。

更多關(guān)于JavaScript相關(guān)內(nèi)容感興趣的讀者可查看本站專題：《javascript面向?qū)ο笕腴T教程》、《JavaScript錯(cuò)誤與調(diào)試技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》及《JavaScript數(shù)學(xué)運(yùn)算用法總結(jié)》

希望本文所述對(duì)大家JavaScript程序設(shè)計(jì)有所幫助。

相關(guān)文章

最新評(píng)論