在js里面当new了一个对象时,这中间发生了什么?
比如一个构造函数Test
function Test(){
// 代码}
var test1=new Test();
当new的时候,内部究竟发生了什么?
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
比如一个构造函数Test
function Test(){
// 代码}
var test1=new Test();
当new的时候,内部究竟发生了什么?
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
接受
或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
发布评论
评论(8)
在一切皆为对象的时代,
js
的Object
可以让我们创建很多相同的对象,继承对象,扩展对象,所以楼主的new
也可以这么玩:楼主在创建时干了什么?
new
关键字做了什么创建一个新的对象,这个对象的类型是
object
;设置这个新的对象的内部、可访问性和
[[prototype]]
属性为构造函数(指prototype.construtor
所指向的构造函数)中设置的;执行构造函数,当
this
关键字被提及的时候,使用新创建的对象的属性; 返回新创建的对象(除非构造方法中返回的是‘无原型’)。在创建新对象成功之后,如果调用一个新对象没有的属性的时候,
JavaScript
会延原型链向止逐层查找对应的内容。这类似于传统的‘类继承’。摘自
送上权威文档飞机票
1、创建一个空对象,并且 this 变量引用该对象,同时还继承了该函数的原型。
2、属性和方法被加入到 this 引用的对象中。
3、新创建的对象由 this 所引用,并且最后隐式的返回 this 。
new操作符具体干了什么呢?
可以看下我以前写的文章 http://www.cnblogs.com/zichi/...
应该知道new 就相当于 产出了个对象对吧。所以呢,他的基本内部原理是这样的 它定义了一个 {} 对象。然后这个对象继承了相应构造函数 的属性,方法,__proto__什么的,然后 再把这个对象 给 return 出来。所以你得到的这个test1就继承了函数 Test的东东。其实在js里面你可以理解成所有的对象都是由函数产生的(null是个例外)。上面的说法就映射了这个道理。当然这个时候你可能会反驳说 var object = {};这样不也生成了个对象吗,其实这个本质也是个函数new出来的,可以理解为 new Object();只是写法不一样了!
创建一个新的对象,这个对象的类型是object。
该对象的prototype设置为构造器的prototype属性,即this.prototype = Foo.prototype (伪代码)
执行构造器函数。
如果构造器函数有返回值,则以该对象作为返回值。若没有return或return了基本类型,则将上述的新对象作为返回值。
new 其实很像 克隆的一个过程。 具体自己体会
构造对象的作用域链表
1、创建一个空对象 (好理解)
2、将所创建对象的
__proto__
属性值设成构造函数的prototype
属性值 (好理解)3、执行 构造函数中的代码,构造函数中的
this
指向该对象 (划重点)4、返回该对象(除非构造函数中返回一个对象)(见下面解释)
前面几步很清楚,可能有人反而最后一步不清楚:
如果构造器函数有返回值,则以该对象作为返回值。若没有
return
或return
了基本类型,则将上述的新对象作为返回值。