JavaScript類(lèi)繼承及實(shí)例化的方法
本文實(shí)例講述了JavaScript類(lèi)繼承及實(shí)例化的方法。分享給大家供大家參考。具體如下:
(function(){ var Class = { //擴(kuò)展類(lèi) 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; }, //實(shí)例化類(lèi) new: function(jclass,args){ var jclass = new jclass(); if(jclass.initialize){ jclass.initialize.apply(jclass, args); } return jclass; } }; //export window.Class = Class; })();
示例:
//基類(lèi)對(duì)象或函數(shù) 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;//鏈?zhǔn)讲僮髦С? }, //... }; //從Object繼承 var class_frome_obj = Class.create(obj,{ initialize: function(){ //構(gòu)造函數(shù) }, getName: function(){ return this.name; }, setName: function(name){ this.name = name; return this;//鏈?zhǔn)讲僮髦С? }, //... }); //從Function繼承 var class_frome_fun = Class.create(fun,{ initialize: function(){ //構(gòu)造函數(shù) }, //... }); //從空對(duì)生成基類(lèi) var class_frome_base = Class.create({},{ initialize: function(){ //構(gòu)造函數(shù) }, //... }); //實(shí)例化 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
希望本文所述對(duì)大家的javascript程序設(shè)計(jì)有所幫助。
- JavaScript知識(shí):構(gòu)造函數(shù)也是函數(shù)
- JS Object構(gòu)造函數(shù)之Object.freeze
- JavaScript構(gòu)造函數(shù)原理及實(shí)現(xiàn)流程解析
- javascript中使用new與不使用實(shí)例化對(duì)象的區(qū)別
- 淺談javascript構(gòu)造函數(shù)與實(shí)例化對(duì)象
- 詳解JavaScript中的原型和原型鏈
- 詳解JavaScript原型對(duì)象的this指向問(wèn)題
- JS構(gòu)造函數(shù)和實(shí)例化的關(guān)系及原型引入
相關(guān)文章
JavaScript動(dòng)態(tài)改變表格單元格內(nèi)容的方法
這篇文章主要介紹了JavaScript動(dòng)態(tài)改變表格單元格內(nèi)容的方法,涉及javascript操作html中table表格的技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-03-03JavaScript實(shí)現(xiàn)頁(yè)面跳轉(zhuǎn)的幾種常用方式
這篇文章主要介紹了JavaScript實(shí)現(xiàn)頁(yè)面跳轉(zhuǎn)的幾種常用方式,結(jié)合實(shí)例形式對(duì)比分析了JavaScript頁(yè)面跳轉(zhuǎn)的常見(jiàn)實(shí)現(xiàn)技巧與相關(guān)注意事項(xiàng),具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-11-11Javascript表單特效之十大常用原理性樣例代碼大總結(jié)
開(kāi)頭說(shuō)這個(gè)常用原理性樣例,大家可能不太清楚,這篇文章主要是針對(duì)實(shí)際開(kāi)發(fā)中常用的一些代碼分析,主要是針對(duì)表單處理方法的一些資料,推薦大家收藏2016-07-07淺析Echarts圖表渲染導(dǎo)致內(nèi)存泄漏的原因及解決方案
在今年某個(gè)可視化大屏項(xiàng)目中,出現(xiàn)了一個(gè)問(wèn)題,項(xiàng)目在運(yùn)行一段時(shí)間后,頁(yè)面出現(xiàn)了崩潰,而且是大概運(yùn)行幾天之后,因?yàn)榇笃另?xiàng)目是部署到客戶(hù)現(xiàn)場(chǎng)大屏,長(zhǎng)時(shí)間運(yùn)行不關(guān)閉,小編認(rèn)為 Echarts 圖表渲染導(dǎo)致了內(nèi)存泄漏,本文將深入分析這一問(wèn)題,并提供解決方案2023-10-10JS調(diào)用頁(yè)面表格導(dǎo)出excel示例代碼
這篇文章主要介紹了JS調(diào)用頁(yè)面表格導(dǎo)出excel的具體實(shí)現(xiàn),需要的朋友可以參考下2014-03-03原生JS實(shí)現(xiàn)不斷變化的標(biāo)簽
這篇文章主要介紹了原生JS實(shí)現(xiàn)不斷變化的標(biāo)簽,可以上下浮動(dòng),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-05-05JavaScript 組件之旅(二)編碼實(shí)現(xiàn)和算法
話說(shuō)上期我們討論了隊(duì)列管理組件的設(shè)計(jì),并且給它取了個(gè)響亮而獨(dú)特的名字:Smart Queue. 這次,我們要將之前的設(shè)計(jì)成果付諸實(shí)踐,用代碼來(lái)實(shí)現(xiàn)它。2009-10-10