<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <title>李战《悟透JavaScript》 精彩代码节选</title> </head> <body> <script type ='text/javascript'> function Class(){ var aDefine = arguments[arguments.length - 1];//最后一个参数是类定义 if (!aDefine) return; //基类为自定义的object或者是第一个参数的类 var aBase = arguments.length > 1 ? arguments[0] : object; //解析基类 function prototype_(){ };//构造prototype的临时函数,用于挂接原型链 prototype_.prototype = aBase.prototype; var aPrototype = new prototype_(); //复制类定义到aPrototype,后面以它为原型对象 for (var member in aDefine) { //构造函数不用复制 if (member != "Create") { aPrototype[member] = aDefine[member]; } } //根据是否继承特殊属性和性能情况,可分别注释掉下列的语句 if (aDefine.toString != Object.prototype.toString) aPrototype.toString = aDefine.toString; if (aDefine.toLocaleString != Object.prototype.toLocaleString) aPrototype.toLocaleString = aDefine.toLocaleString; if (aDefine.valueOf != Object.prototype.valueOf) aPrototype.valueOf = aDefine.valueOf; if (aDefine.Create) { //调用本身的构造函数,自定义为Create(注意它是一个函数,并没被执行) var aType = aDefine.Create; } else { //本例中好像没用到 aType = function(){ this.base.apply(this, arguments); }; } //aType并不是实例化的对象,而是自定义的构造函数(虽然函数也是对象) aType.prototype = aPrototype; //设置类型关系,便于追溯继承关系 aType.Base = aBase; //为本类对象扩展一个Type属性,主要是为了作类型识别,实现instanceof aType.prototype.Type = aType; //返回构造函数作为类 return aType; }; //根类object定义,主要是给那些没有显式定义基类的使用 function object(){ }; //判断对象是否属于某类型,类似于instanceof object.prototype.isA = function(aType){ var self = this.Type; while (self) { if (self == aType) { return true; } self = self.Base; }; return false; }; //调用基类构造函数 //这个版本主要是为了兼容不支持caller属性的Opera浏览器 object.prototype.base = function(){ //获取当前对象的基类 var Base = this.Type.Base; //若基类己没有基类 if (!Base.Base) { //则直接调用基类构造函数 Base.apply(this, arguments); } else { //先覆写this.base this.base = MakeBase(Base); //再调用基类构造函数 Base.apply(this, arguments); //删除覆写的base属性 delete this.base; }; function MakeBase(Type){ var Base = Type.Base; if (!Base.Base) return Base; return function(){ this.base = MakeBase(Base); Base.apply(this, arguments); }; }; } //不支持Opera object.prototype.base = function(){ var Caller = object.prototype.base.caller; Caller && Caller.Base && Caller.Base.apply(this, arguments); } //应用效果 var Person = Class({ Create: function(name, age){ this.base(); this.name = name; this.age = age; }, SayHello: function(){ alert("Hello,I'm " + this.name + ", " + this.age + "years old."); }, toString: function(){ return this.name; } }); var Employee = Class(Person, { Create: function(name, age, salary){ this.base(name, age); this.salary = salary; }, ShowMeTheMoney: function(){ alert(this + "$" + this.salary); } }); var BillGates = new Person("Bill Gates", 53); var SteveJobs = new Employee("Steve Jobs", 53, 1234); alert(BillGates); BillGates.SayHello(); SteveJobs.SayHello(); SteveJobs.ShowMeTheMoney(); //用BillGates的类型建LittleBill var LittleBill = new BillGates.Type("Little Bill", 6); LittleBill.SayHello(); alert(BillGates.isA(Person)); alert(BillGates.isA(Employee)); alert(SteveJobs.isA(Person)); </script> </body> </html>
详细解决方案
李战《悟透JavaScript》 精彩代码节选(沿袭)
热度:151 发布时间:2012-08-28 12:37:01.0
相关解决方案
- javascript ie6兼容的有关问题
- javascript window open在ie中设立不起作用,求解决
- javascript 字符串拼接效率有关问题
- JavaScript 自动生成图片并合并有关问题
- 不走"<script type='text/javascript'>"标签咋回事
- <script type="javascript/text">的有关问题
- 用servlet+jsp+javascript+jdbc做个简单的办公自动化系统流程,该如何解决
- 怎么打开 javascript:SetData(2010,5,10)
- javaScript = == ===区别,该怎么解决
- javascript 怎么验证name=xx.xx的radio表单
- form action 和 javascript 的提交問題解决方法
- javascript,该怎么处理
- javascript,该如何处理
- javascript 选中文字 但是保存样式 标签
- 新人求问,J2EE方向,html,css,javascript,vml要学到什么程度?解决思路
- javascript 请求servlet兑现将函数中定义的变量作为参数
- javascript 不懂,该如何处理
- javascript 不懂解决方法
- JavaScript 大局函数求实例,高分求
- javaScript 里面 如何知道Object 对象的长度
- javascript 函数调用有什么有关问题,请
- javascript 中文本框中数字如何比较
- javascript IE通过,火狐,google浏览器不过解决思路
- javascript rsa加密/java使用Cipher.getInstance("RSA/ECB/PKCS1Padding")解密,该如何处理
- IE javascript start()函数解决方案
- 关于RTMP 播放器(DELPHI C# FLASH JAVASCRIPT)解决思路
- Chrome Javascript Click 事件,该如何解决
- javascript 实出_blank跳转到新标签页有关问题
- 分享上Google Maps Javascript API v3
- javascript 绑定服务器控件 事件,该如何解决