模拟new实例化对象。
使用new和字面量的的方法是两种主流创建对象的方法,两种最终都能达到同样的实例化的对象,本章主要围绕new关键字来实例化一个对象并且讲一个不使用new但是完全与new实例化对象相同的例子。
在使用new后面跟一个构造函数的时候,将会返回一个新对象,
这个对象中的属性便就是new后面跟的构造函数中的this的属性,
这个对象的__proto__属性指向就是new后面的构造函数的prototype属性。
prototype属性的值是一个对象,是Javascript为每一个函数内置的一个属性,也就是说,所有的函数都能成为构造函数,所以不到万不得已不要覆盖原来的值,更加不要使用基本类型覆盖prototype属性。
new可以总结为下面几个步骤:
- 创建一个新对象
- 把这个新对象的__proto__指向构造函数的prototype属性
- 把构造函数中的this上的属性全部添加到新对象
- 返回这个新对象
通过这四个步骤,返回了一个新实例化对象,牢记这四个步骤,就能轻松的模拟出new的效果,或者通过new模拟字面量的表示法。
假设现在有一个构造函数
//构造函数首字母大写并不是强烈要求,只是一种书写的规范
function Fun(){
this.a = 1;
this.b = "字符串";
this.arr = [1,2]
}
//每个函数中都内置了一个prototype属性
//可以通过console.log(Fun.prototype)打印出来看看
Fun.prototype.c = "prototype"
//不要直接覆盖prototype,就像下面这个例子
// Fun.prototype = "obj"
//但是如果非要覆盖的话,你可以这样做
// Fun.prototype = {
// constructor:Fun
// 把constructor属性指回构造函数
// 可以达到一样的效果
// }
执行上面的代码,接下来只需要 new Fun() 就可以返回一个新对象,并且这个对象里面拥有a,b,arr的属性,原型链__proto__上拥有c这个属性,它的结构是这样的
//一些只是表示结构。不能执行
Fun { a:1,
b:"字符串",
arr:[1,2]
__proto__:{
c : "prototype",
constructor:function Fun()
__proto__: ......
}
}
但是,这并不是目的,目的是希望不通过new来得到一个新对象并且跟new出来一样的结果。
首先执行第一步(返回一个新对象):
//通过字面量创建一个新对象
var obj = {}
得到这个对象之后把这个对象的__proto__指向prototype
//这里__proto__与prototype的值都是对象
//最终对象的原型链都将指向一个带get,set方法的超级对象
//__proto__是对象的原型链属性
//prototype是构造函数的一个属性
obj.__proto__ = Fun.prototype
然后需要把构造函数中this的属性全部拷贝到对象的中,这时可以使用call或在apply方法。
//把obj作为第一个参数传入到call中
//这是Fun中的this就变成了obj
//Fun通过call执行之后,this中的属性就被拷贝到了obj中
Fun.call(obj)
//或在Fun.apply(obj)
//两个方法仅有的区别就是所传的参数不同。
最后打印一下obj,发现它与new出来的对象几乎没有差异

以下是完整代码
function Fun(){
this.a = 1;
this.b = "字符串";
this.arr = [1,2]
}
Fun.prototype.c = "prototype";
var obj = {};
obj.__proto__ = Fun.prototype;
Fun.call(obj)
var newObj = new Fun();
console.log(obj);
console.log(newObj);
模拟new实例化对象。的更多相关文章
- lua面向对象实现(实例化对象、继承、多态、多继承、单例模式)
lua面向对象实现: 一个类就像是一个创建对象的模具.有些面向对象语言提供了类的概念,在这些语言中每个对象都是某个特定类的实例.lua则没有类的概念,每个对象只能自定义行为和形态.不过,要在lua中模 ...
- [转]ThinkPHP中实例化对象M()和D()的区别,select和find的区别
1.ThinkPHP中实例化对象M()和D()的区别 在实例化的过程中,经常使用D方法和M方法,这两个方法的区别在于M方法实例化模型无需用户为每个数据表定义模型类,如果D方法没有找到定义的模型类,则会 ...
- java实例化对象的方式
一.Java中创建(实例化)对象的五种方式 1.用new语句直接创建对象,这是最常见的创建对象的方法. 2.通过工厂方法返回对象,如:String str = String.valueOf(23); ...
- PHP动态实例化对象并向构造函数传递参数
在框架开发,模块化开发等场合,我们可能有一种需求,那就是在PHP运行时动态实例化对象. 什么是动态实例化对象呢?我们先来看一下PHP有一种变量函数(可变函数)的概念,例如如下代码: function ...
- 用TypeScript开发Vue——如何通过vue实例化对象访问实际ViewModel对象
用TypeScript开发Vue--如何通过vue实例化对象访问实际ViewModel对象 背景 我个人很喜欢TypeScript也很喜欢Vue,但在两者共同使用的时候遇到一个问题. Vue的实例化对 ...
- 【PHP面向对象(OOP)编程入门教程】5.如何实例化对象?
我们上面说过面向对象程序的单位就是对象,但对象又是通过类的实例化出来的,既然我们类会声明了,下一步就是实例化对象了. 当定义好类后,我们使用new关键字来生成一个对象. $对象名称 = new 类名称 ...
- PHP面向对象(OOP)编程入门教程————如何实例化对象?
我们上面说过面向对象程序的单位就是对象,但对象又是通过类的实例化出来的,既然我们类会声明了,下一步就是实例化对象了. 当定义好类后,我们使用new关键字来生成一个对象. $对象名称 = new 类名称 ...
- c++实例化对象
今天看到c++实例化对象,有点懵了.Activity_Log the_log (theLogPtr, Tree->GetBranch());这是那一段小代码,开始没看懂.java看习惯了总喜欢n ...
- 1、c#中可以有静态构造方法,而java中没有,例如在单例模式中c#可以直接在静态构造中实例化对象,而java不可以
1.c#中可以有静态构造方法,而java中没有,例如在单例模式中c#可以直接在静态构造中实例化对象,而java不可以
随机推荐
- 第三方系统打开EAFC的实现
前言:EAFC是我们公司的一个框架,一个项目上,客户的OA系统要调用我们推送过去的代办任务,希望能打开我们的代办处理界面,我们的代办处理界面是winform的.引出给出了以下的一个方案.在此备存. - ...
- 找出并解决 JavaScript 和 Dojo 引起的浏览器内存泄露问题
简介: 如果大量使用 JavaScript 和 Ajax 技术开发 Web 2.0 应用程序,您很有可能会遇到浏览器的内存泄漏问题.如果您有一个单页应用程序或者一个页面要处理很多 UI 操作,问题可能 ...
- Eclipse用法和技巧二十六:浅谈快捷键
网络上到处都是eclipse有哪些常用的快捷键,其中还有很多讲得着实不错,这里就不再狗尾续貂而是谈谈别的这段时间的一些思考.最近加入了开发团队,代码量突突的上去了,同时也发现关于快捷键还是有很多细节, ...
- TImage也有OnClick事件,可以当按钮使用,配上合适的图片(背景透明,效果前凸)更是几乎以假乱真
本质上TImage与TSpeedButton没有什么区别,都是没有句柄的,但都可以执行OnClick事件.有空分析一下.
- maven项目部署到Repository(Nexus)
目录[-] (一)下载并安装Nexus (二)配置Nexus Repository 说明: (三)在项目中配置Nexus Repository的信息 (四)发布到Nexus Repository 本文 ...
- XSS漏洞解决方案之一:过滤器
一:web.xml文件 <!-- 解决xss漏洞 --> <filter> <filter-name>xssFilter</filter-name> ...
- Android Sqlite数据库执行插入查询更新删除的操作对比
下面是在Android4.0上,利用Sqlite数据库的insert,query,update,delete函数以及execSql,rawQuery函数执行插入,查询,更新,删除操作花费时间的对比结果 ...
- 【linux】linux根文件系统制作
欢迎转载,转载时请保留作者信息,谢谢. 邮箱:tangzhongp@163.com 博客园地址:http://www.cnblogs.com/embedded-tzp Csdn博客地址:http:// ...
- 信号槽所用的参数类型,必须是Qt能认识的元类型,否则就要调用Q_DECLARE_METATYPE和qRegisterMetaType进行注册
虽然上面部分中的声明使类型可以在direct信号槽连接中使用,但是无法用于queued信号槽连接中 http://blog.csdn.net/u011012932/article/details/52 ...
- thinkphp 设置跨域请求
场景:我的本地网页服务器无法访问本地的接口服务器接口提示一下错误:大致意思是:是一个跨域请求我的没有访问该地址的权限(接口服务器采用的是PHP编写) XMLHttpRequest cannot loa ...