最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

JS仿Base.js實現(xiàn)的繼承示例

 更新時間:2017年04月07日 11:27:58   作者:風之約  
這篇文章主要介紹了JS仿Base.js實現(xiàn)的繼承,結(jié)合具體實例形式分析了javascript擴展操作及面向?qū)ο蟪绦蛟O(shè)計相關(guān)實現(xiàn)技巧,需要的朋友可以參考下

本文實例講述了JS仿Base.js實現(xiàn)的繼承。分享給大家供大家參考,具體如下:

var Klass = function() {};
Klass.extendClass = (function() {
  var F = function() {};
  return function(C, P) {
    F.prototype = P.prototype;
    C.prototype = new F();
    C.uper = P.prototype;
    C.prototype.constructor = C;
  };
})();
Klass.extend = function(props) {
  var _slice = Array.prototype.slice;
  var Glass = function() {
    /*if (Glass.uper && Glass.uper.hasOwnProperty("init")) {
      Glass.uper.init.apply(this, _slice.call(arguments))
    }*/
    if (Glass.prototype.hasOwnProperty("init")) {
      Glass.prototype.init.apply(this, _slice.call(arguments));
    }
  };
  Klass.extendClass(Glass, this);
  Glass.extend = this.extend;
  for (var key in props) {
    if (props.hasOwnProperty(key)) {
      Glass.prototype[key] = props[key];
    }
  }
  return Glass;
};

example:

var A = Klass.extend({
    init: function(name) {
      this.name = name;
      console.log('A constructor is running!');
    },
    getName: function() {
      return this.name;
    }
});
var B = A.extend({
    init: function(name) {
      this.name = name;
      console.log('B constructor is running!');
    },
    getName: function() {
      return this.name;
    },
    a: 'b'
});
var C = B.extend({
    init: function(name) {
      console.log('C constructor is running!');
    },
    c: 'c',
    getName: function() {
      var name = C.uper.getName.call(this);
      return 'Hi, I\'m' + this.name;
    }
});
var c1 = new C('zlf');
console.log(c1.getName());

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

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

相關(guān)文章

  • javascript實現(xiàn)數(shù)字時鐘特效

    javascript實現(xiàn)數(shù)字時鐘特效

    這篇文章主要為大家詳細介紹了javascript實現(xiàn)數(shù)字時鐘,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2021-09-09
  • 一個js控制的導航菜單實例代碼

    一個js控制的導航菜單實例代碼

    這篇文章主要是對js控制的導航菜單實例代碼進行了介紹,需要的朋友可以過來參考下,希望對大家有所幫助
    2013-12-12
  • 基于webpack.config.js 參數(shù)詳解

    基于webpack.config.js 參數(shù)詳解

    下面小編就為大家分享一篇基于webpack.config.js 參數(shù)詳解,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧
    2018-03-03
  • JavaScript讓網(wǎng)頁出現(xiàn)漸隱漸顯背景顏色的方法

    JavaScript讓網(wǎng)頁出現(xiàn)漸隱漸顯背景顏色的方法

    這篇文章主要介紹了JavaScript讓網(wǎng)頁出現(xiàn)漸隱漸顯背景顏色的方法,涉及javascript操作樣式的相關(guān)技巧,非常具有實用價值,需要的朋友可以參考下
    2015-04-04
  • 使用透明效果來自定義文件上傳按鈕控件樣式

    使用透明效果來自定義文件上傳按鈕控件樣式

    處于安全上的考慮,input[type="file"] 的文件選擇按鈕樣式并不能隨意修改(不過可以修改input 的透明度),可能會跟設(shè)計師的設(shè)計格格不入,這時可以使用透明效果來自定義上傳按鈕
    2012-12-12
  • js實現(xiàn)簡單分頁導航欄效果

    js實現(xiàn)簡單分頁導航欄效果

    這篇文章主要為大家詳細介紹了js實現(xiàn)簡單分頁導航欄效果,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2019-06-06
  • 移動端觸屏幻燈片圖片切換插件idangerous swiper.js

    移動端觸屏幻燈片圖片切換插件idangerous swiper.js

    這篇文章主要為大家詳細介紹了移動端觸屏幻燈片圖片切換插件idangerous swiper.js的使用方法,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2017-04-04
  • prototype與__proto__區(qū)別詳細介紹

    prototype與__proto__區(qū)別詳細介紹

    這篇文章主要介紹了prototype與__proto__區(qū)別詳細介紹的相關(guān)資料,需要的朋友可以參考下
    2017-01-01
  • JS實現(xiàn)視頻彈幕效果

    JS實現(xiàn)視頻彈幕效果

    這篇文章主要為大家詳細介紹了JS實現(xiàn)視頻彈幕效果,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2021-09-09
  • JS實現(xiàn)音樂導航特效

    JS實現(xiàn)音樂導航特效

    這篇文章主要為大家詳細介紹了JS實現(xiàn)音樂導航特效,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2020-01-01

最新評論

闸北区| 五常市| 鹤壁市| 德江县| 婺源县| 新泰市| 青龙| 剑河县| 安岳县| 东乡县| 扎囊县| 栾城县| 平乐县| 墨竹工卡县| 武夷山市| 霍城县| 益阳市| 昌吉市| 鹿泉市| 南汇区| 忻州市| 陈巴尔虎旗| 沧州市| 尼勒克县| 大连市| 桑日县| 中超| 黄骅市| 犍为县| 安远县| 文安县| 监利县| 枣庄市| 永仁县| 秀山| 德江县| 沽源县| 西华县| 昌黎县| 寻乌县| 莱芜市|