/*通过下面的代码,可以在FF和Chrome下模拟new的实现*/ //work as a constructor to create an object function constructorFn(name) { this.name = name; } //add a method to its prototype. NOTE: just a function has a prototype property constructorFn.prototype.callA = function(){ alert('I am callA'); }; //add a property to itss prototype constructorFn.prototype.propertyB = "I am property B"; function ObjectFactory() { //获取第一个参数,本质是一个function,将作为一个构造函数, 类似arguments.shift(), arguments是Array-Like对象,shift移除数组中的第一个元素并返回该元素。 //问题:这里为啥不能直接调用arguments.shift()呢? var constructor = Array.prototype.shift.call(arguments); /* 在FF或者Chrome等支持__proto__属性的浏览器,可以先改变对应的原型链后进行调用。 arguments.__proto__ = Array.prototype; var constructor = arguments.shift(); */ //new 的第一步是生成一个对象 var obj = {}; //new的第二步是改变对象原来的原型链,使之等于对应构造函数的prototype,因此构造函数的prototype的所有属性和方法均可以在新生成的对象中使用 obj.__proto__ = (typeof constructor.prototype === 'number')? Object.prototype : constructor.prototype; //new的第三步是调用对应的构造函数,并把对象作为构造函数的this指针传入。 var ret = constructor.apply(obj, arguments); //此时的arguments已经移除了第一个元素了,即是后面的参数部分,本质是调用了构造函数 return (typeof ret === 'object' )? ret : obj; }; //用模拟new构造的对象 var a = ObjectFactory(constructorFn, 'tenfyguo' ); alert (a.name); a.callA(); alert(a.propertyB); //用传统new构造的对象 var b = new constructorFn('hello'); alert(b.name); b.callA(); alert(b.propertyB);
详细解决方案
javascript中new的模拟兑现
热度:316 发布时间:2012-11-23 22:54:33.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 绑定服务器控件 事件,该如何解决