JS仿Base.js實現(xiàn)的繼承示例
更新時間:2017年04月07日 11:27:58 作者:風之約
這篇文章主要介紹了JS仿Base.js實現(xiàn)的繼承,結合具體實例形式分析了javascript擴展操作及面向對象程序設計相關實現(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());
更多關于JavaScript相關內容感興趣的讀者可查看本站專題:《javascript面向對象入門教程》、《JavaScript錯誤與調試技巧總結》、《JavaScript數(shù)據(jù)結構與算法技巧總結》、《JavaScript遍歷算法與技巧總結》及《JavaScript數(shù)學運算用法總結》
希望本文所述對大家JavaScript程序設計有所幫助。
您可能感興趣的文章:
- Prototype使用指南之base.js
- js中繼承的幾種用法總結(apply,call,prototype)
- js的2種繼承方式詳解
- 實現(xiàn)JavaScript中繼承的三種方式
- JavaScript是如何實現(xiàn)繼承的(六種方式)
- 前端開發(fā)必須知道的JS之原型和繼承
- JS繼承--原型鏈繼承和類式繼承
- Extjs學習筆記之八 繼承和事件基礎
- Javascript 繼承機制的實現(xiàn)
- js實現(xiàn)繼承的5種方式
- javascript的函數(shù)、創(chuàng)建對象、封裝、屬性和方法、繼承
- 深入理解JavaScript是如何實現(xiàn)繼承的
- 用JavaScript實現(xiàn)單繼承和多繼承的簡單方法
相關文章
JavaScript讓網頁出現(xiàn)漸隱漸顯背景顏色的方法
這篇文章主要介紹了JavaScript讓網頁出現(xiàn)漸隱漸顯背景顏色的方法,涉及javascript操作樣式的相關技巧,非常具有實用價值,需要的朋友可以參考下2015-04-04
移動端觸屏幻燈片圖片切換插件idangerous swiper.js
這篇文章主要為大家詳細介紹了移動端觸屏幻燈片圖片切換插件idangerous swiper.js的使用方法,具有一定的參考價值,感興趣的小伙伴們可以參考一下2017-04-04

