不知道有没那些同志在前端的设计中用到了js的类继承由于本人在前端编程方面都是中规中矩不太明白js的类继承如何实现,那位技术大侠能分享一个您开发中用到的类继承实例

2011-02-10 08:56:24

5 Answers

首先定义类对象,然后扩展继承、实例化  

//定义类 (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();
2011-02-10 12:45:30

可以采用Klass,An expressive, cross platform JavaScript Class provider with a classical interface to prototypal inheritance. 

var Person = klass(function (name) { this.name = name }) .statics({ head: ':)', feet: '_|_' }) .methods({ walk: function () {} })

资料资料:JS类继承模型 Klass
另外可参考:javascript类继承模型

2011-02-10 14:10:44

javascript 由原型链作为实现继承的主要方法,在js中的继承方式有很多种:

1 组合继承 

function sub() {
 parent.call(this) //继承父类的属性
}

sub.prototype = new parent(); //继承父类的方法

2 原型式继承 

function object(0) { function F(){} F.prototype = o; return new F(); } var parent = {}; var sub = object(parent);
2011-02-10 15:16:13

我这里举一个最简单的JavaScript继承 

var father=function(){ this.a="属性1" }; var child = new father(); child.b="属性2"; child.func=function(){ } //子对象具有父对象的属性 alert(child.a);

例子

2011-02-10 17:02:05

这个例子应该可以说明你的疑问: 

<script type="text/javascript"> function Person() { // 属性 this.Gender = "female"; this.Age = 18; this.Words = "Silence"; // 方法 this.shouting = function() { alert("开心哦!父类的方法"); } } // 继承 function Programmer() { this.base = Person; } Programmer.prototype = new Person; // 为子类添加新的方法 Programmer.prototype.typeCode = function() { alert("俺是敲代码的!IT民工,很不开心。子类的方法"); } // 调用示例 function sayHello() { var a = new Programmer(); alert(a.Gender); // 调用父类的属性 a.shouting(); // 调用父类的方法 a.typeCode(); // 调用子类的方法 } sayHello(); </script>
2011-02-10 10:37:02
您不能回答该问题或者回答已经关闭!

相关文章推荐

  • C#中using指令的几种用法

    using + 命名空间名字,这样可以在程序中直接用命令空间中的类型,而不必指定类型的详细命名空间,类似于Java的import,这个功能也是最常用的,几乎每个cs的程序都会用到

  • C#实例解析适配器设计模式

    将一个类的接口变成客户端所期待的另一种接口,从而使原本因接口不匹配而无法在一起工作的两个类能够一起工作

  • 使用托管C++粘合C#和C++代码(二)

    本文实现一下C++代码调用C#代码的过程。我构造一个简单并且直观的例子:通过C++ UI 触发C# UI.

  • C#开发高性能Log Help类设计开发

    项目中要在操作数据库的异常处理中加入写Log日志,对于商业上有要求,写log时对其它操作尽可能影响小,不能因为加入log导致耗时太多

  • Async和Await使异步编程更简单

    C#5.0中async和await两个关键字,这两个关键字简化了异步编程,之所以简化了,还是因为编译器给我们做了更多的工作

  • C#开发中的反射机制

    反射的定义:审查元数据并收集关于它的类型信息的能力。元数据(编译以后的最基本数据单元)就是一大堆的表,当编译程序集或者模块时,编译器会创建一个类定义表,一个字段定义表,和一个方法定义表等

  • C#运行时相互关系

    C#运行时相互关系,包括运行时类型、对象、线程栈和托管堆之间的相互关系,静态方法、实例方法和虚方法的区别等等

  • C#协变和逆变

    “协变”是指能够使用与原始指定的派生类型相比,派生程度更大的类型,“逆变”则是指能够使用派生程度更小的类型

  • C#中的索引器的简单理解和用法

    C#中的类成员可以是任意类型,包括数组和集合。当一个类包含了数组和集合成员时,索引器将大大简化对数组或集合成员的存取操作

  • C#基础概念之延迟加载

    延迟加载(lazy load)是Hibernate3关联关系对象默认的加载方式,延迟加载机制是为了避免一些无谓的性能开销而提出来的,所谓延迟加载就是当在真正需要数据的时候,才真正执行数据加载操作

  • 使用托管C++粘合C#和C++代码(一)

    C#在xml读写,数据库操纵,界面构造等很多方面性能卓越;C++的效率高,是底层开发的必备武器

  • 深入C# 序列化(Serialize)、反序列化(Deserialize)

    C#中的序列化和反序列化,序列化是.NET运行时环境用来支持用户定义类型的流化的机制