JavaScript里实例化一个对象的时刻,我们经常运用的要领就是运用new
操纵符。
var Foo = function(x, y) {
this.x = x
this.y = y
}
var foo = new Foo(1, 2) // Foo {x: 1, y: 2}
那末new
操纵符究竟做了哪些事情?我们能够看一下foo
这个对象究竟是一个如何的对象。
起首,foo
自身是一个对象,然后,他自身有两个属性,x
跟y
。同时,在大多数浏览器的掌握台上,我们还能看到一个色彩稍浅的属性,叫__proto__
,他有两个属性,constructor
跟__proto__
。
__proto__
是一个接见器属性。他指向的是当前对象自身的[[Prototype]]
,这个[[Prototype]]
并非一个属性,他只是一个标记,代表的是组织函数Foo
的原型对象Foo.prototype
的,详细能够参考一下MDN上的形貌。
foo.__proto__ === Foo.prototype // true
所以,我们大抵形貌一下
var Foo = function(x, y) {
this.x = x
this.y = y
}
// 1. 建立一个空对象
var foo = {}
// 2. 挪用组织函数,而且将组织函数的`this`指向foo
Foo.call(foo, 1, 2)
// 3. foo继续Foo的原型对象
foo.__proto__ = Foo.prototype
等等,虽然我们上面这么写末了foo
确实跟new Foo()
出来的对象是一样的,然则状况并不仅仅这么简朴。
我们晓得,new
操纵符操纵的是一个函数,在上面的栗子里,函数Foo
并没有显式地返回任何值,所以实行这个函数以后,返回值是undefined
。当组织函数没有显式地返回一个值的时刻,对其实行new
操纵以后,会返回这个组织函数实例化以后的对象。
那假如我返回了某个值呢?
var Foo = function(x, y) {
this.x = x
this.y = y
return {
a: this.x
}
}
var foo = new Foo(1, 2) // {a: 1}
foo
就是实行这个函数以后的返回值,那末这个时刻new Foo()
跟Foo()
就没有任何区别了,所以通常状况下,我们并不会挑选在一个组织函数里返回某个值。
迥殊要注意的是,假如你在组织函数里返回的不是一个对象,而是一个一般的值,比如说一个Number
范例或许String
范例的值,那末new
以后返回的照样实例化以后的对象。