本文實例講述了JavaScript類繼承及實例化的方法。分享給大家供大家參考。具體如下：
(function(){
var Class = {
//擴展類
create: function(aBaseClass, aClassDefine){
var $class = function(){
for(var member in aClassDefine){
this[member] = aClassDefine[member];
}
if('undefined'===typeof aClassDefine.initialize){
this.initialize = function(){};
}
};
if('function' ===typeof aBaseClass){
$class.prototype = new aBaseClass();
}else if('object' ===typeof aBaseClass){
$class.prototype = aBaseClass;
}
return $class;
},
//實例化類
new: function(jclass,args){
var jclass = new jclass();
if(jclass.initialize){
jclass.initialize.apply(jclass, args);
}
return jclass;
}
};
//export
window.Class = Class;
})();
示例：
//基類對象或函數
var obj = {
name: 'BaseName',
init: function(){
//...
},
//...
};
var fun = function(){
this.name = '';
var init = function(){
//.. .
};
var getName = function(){
return this.name;
},
var setName = function(name){
this.name = name;
return this;//鏈式操作支持
},
//...
};
//從Object繼承
var class_frome_obj = Class.create(obj,{
initialize: function(){
//構造函數
},
getName: function(){
return this.name;
},
setName: function(name){
this.name = name;
return this;//鏈式操作支持
},
//...
});
//從Function繼承
var class_frome_fun = Class.create(fun,{
initialize: function(){
//構造函數
},
//...
});
//從空對生成基類
var class_frome_base = Class.create({},{
initialize: function(){
//構造函數
},
//...
});
//實例化
var get_class_frome_obj = Class.new(class_frome_obj,[arg1,arg2,...]);
var get_class_frome_fun = Class.new(class_frome_fun,[arg1,arg2,...]);
var name1 = get_class_frome_obj.getName();
//console.log(name1);//BaseName
var name2 = get_class_frome_obj.setName('NewName').getName();
//console.log(name2);//NewName
希望本文所述對大家的javascript程序設計有所幫助。