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

基于構(gòu)造函數(shù)的五種繼承方法小結(jié)

 更新時間:2017年07月27日 09:14:07   投稿:jingxian  
下面小編就為大家?guī)硪黄跇?gòu)造函數(shù)的五種繼承方法小結(jié)。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧

1.使用call或apply綁定構(gòu)造函數(shù)

  animal.apply(this.arguments)

2.使用prototype屬性  

  Cat.prototype = new Animal();

  Cat.prototype.constructor = Cat;

  var cat1 = new Cat("大毛","黃色");

  alert(cat1.species); // 動物

3.直接集成prototype屬性

  function Animal(){ }

  Animal.prototype.species = "動物";

 

  Cat.prototype = Animal.prototype;

  Cat.prototype.constructor = Cat;

  var cat1 = new Cat("大毛","黃色");

  alert(cat1.species); // 動物

4.利用空對象作為中介

  var F = function(){};

  F.prototype = Animal.prototype;

  Cat.prototype = new F();

   Cat.prototype.constructor = Cat;

  將上面的方法封裝成一個函數(shù),便于使用:

    function extend(Child, Parent) {

      var F = function(){};

      F.prototype = Parent.prototype;

      Child.prototype = new F();

      Child.prototype.constructor = Child;

      Child.uber = Parent.prototype;

    }

5.拷貝繼承

function extend2(Child, Parent) {

    var p = Parent.prototype;

    var c = Child.prototype;

    for (var i in p) {

      c[i] = p[i];

      }

    c.uber = p;

  }

這個函數(shù)的作用,就是將父對象的prototype對象中的屬性,一一拷貝給Child對象的prototype對象。

以上這篇基于構(gòu)造函數(shù)的五種繼承方法小結(jié)就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持腳本之家。

相關(guān)文章

  • 微信小程序indexOf的替換方法(推薦)

    微信小程序indexOf的替換方法(推薦)

    這篇文章主要介紹了微信小程序indexOf的替換方法,本文給大家介紹的非常詳細,具有一定的參考借鑒價值,需要的朋友可以參考下
    2020-01-01
  • JS實現(xiàn)隊列與堆棧的方法

    JS實現(xiàn)隊列與堆棧的方法

    這篇文章主要介紹了JS實現(xiàn)隊列與堆棧的方法,結(jié)合實例形式分析了JavaScript實現(xiàn)隊列與堆棧的原理與相關(guān)實現(xiàn)技巧,需要的朋友可以參考下
    2016-04-04
  • javascript中setAttribute()函數(shù)使用方法及兼容性

    javascript中setAttribute()函數(shù)使用方法及兼容性

    這篇文章主要介紹了javascript中setAttribute()函數(shù)使用方法及兼容性的相關(guān)資料,需要的朋友可以參考下
    2015-07-07
  • 淺談類似于(function(){}).call()的js語句

    淺談類似于(function(){}).call()的js語句

    這篇文章主要介紹了淺談類似于(function(){}).call()的js語句,的相關(guān)資料,需要的朋友可以參考下
    2015-03-03
  • JavaScript簡單實現(xiàn)網(wǎng)頁回到頂部功能

    JavaScript簡單實現(xiàn)網(wǎng)頁回到頂部功能

    JavaScript簡單實現(xiàn)網(wǎng)頁回到頂部功能,大家可以參考一下
    2013-11-11
  • Javascript中的Prototype到底是什么

    Javascript中的Prototype到底是什么

    Javascript也是面向?qū)ο蟮恼Z言,但它是一種基于原型Prototype的語言,而不是基于類的語言。接下來通過本文給大家介紹Javascript中的Prototype到底是啥的相關(guān)知識,感興趣的朋友參考下
    2016-02-02
  • JavaScript中點擊事件的寫法

    JavaScript中點擊事件的寫法

    這篇文章主要介紹了JavaScript中點擊事件的寫法的相關(guān)資料,其中還給大家分享js觸發(fā)按鈕點擊功能的實現(xiàn),本文介紹的非常不錯,具有參考借鑒價值,需要的朋友可以參考下
    2016-06-06
  • layui-table對返回的數(shù)據(jù)進行轉(zhuǎn)變顯示的實例

    layui-table對返回的數(shù)據(jù)進行轉(zhuǎn)變顯示的實例

    今天小編就為大家分享一篇layui-table對返回的數(shù)據(jù)進行轉(zhuǎn)變顯示的實例,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧
    2019-09-09
  • Express框架中_router?對象數(shù)據(jù)結(jié)構(gòu)使用詳解

    Express框架中_router?對象數(shù)據(jù)結(jié)構(gòu)使用詳解

    這篇文章主要為大家介紹了Express框架中_router的對象數(shù)據(jù)結(jié)構(gòu)使用詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪
    2023-03-03
  • JavaScript字符串常用類使用方法匯總

    JavaScript字符串常用類使用方法匯總

    今天的這篇文章就分享幾年以來總結(jié)的一些最常見和最有用的字符串相關(guān)的方法的例子和簡要說明。便于程序員用于快速參考。當然,最有經(jīng)驗的開發(fā)人員對這些操作很熟悉,但我認為這是一個很好的方法幫助初學者理解這些函數(shù),他可以幫助你使用簡單的語法,完成復雜的操作.
    2015-04-04

最新評論