JavaScript类继承及实例化的方法
2015-07-25 00:00
591 查看
本文实例讲述了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程序设计有所帮助。
相关文章推荐
- javascript单例模式的简单实现方法
- javascript实现信息增删改查的方法
- 基于javascript实现单选及多选的向右和向左移动实例
- javascript解析xml实现省市县三级联动的方法
- javascript页面倒计时实例
- javascript文件加载管理简单实现方法
- javascript创建动态表单的方法
- javascript实现动态导入js与css等静态资源文件的方法
- 给js文件传参数[转]
- js节点创建
- JS DOM编程艺术——HTML5—— JS学习笔记2015-7-24(第91天)
- JavaScript学习笔记——变量和数据类型
- jstl 转义字符
- JS高亮提示插件spket
- JS函数式编程【译】2.函数式编程基础
- Functional Programming in Javascript 中文翻译 —— 目录和介绍
- js去除数字前的0
- js 操作select option
- js 时间戳转为日期格式
- Javascript我学之五对象的创建与使用