new 运算符
new
运算符创建一个用户定义的对象类型的实例或具有构造函数的内置对象的实例。
尝试一下
语法
js
new constructor
new constructor()
new constructor(arg1)
new constructor(arg1, arg2)
new constructor(arg1, arg2, /* …, */ argN)
参数
constructor
-
一个指定对象实例的类型的类或函数。
arg1
、arg2
、……、argN
-
一个用于被
constructor
调用的值列表。new Foo
与new Foo()
等价,例如:如果没有指定参数列表,则在不带参数的情况下调用Foo
。
描述
当使用 new
关键字调用函数时,该函数将被用作构造函数。new
将执行以下操作:
- 创建一个空的简单 JavaScript 对象。为方便起见,我们称之为
newInstance
。 - 如果构造函数的
prototype
属性是一个对象,则将newInstance
的 [[Prototype]] 指向构造函数的这个属性,否则newInstance
将保持为一个普通对象,其 [[Prototype]] 为Object.prototype
。备注: 因此,通过构造函数创建的所有实例都可以访问添加到构造函数
prototype
属性中的属性/对象。 - 使用给定参数执行构造函数,并将
newInstance
绑定为this
的上下文(例如,在构造函数中的所有this
引用都指向newInstance
)。 - 如果构造函数返回非原始值,则该返回值成为整个
new
表达式的结果。否则,如果构造函数未返回任何值或返回了一个原是值,则返回newInstance
。(通常构造函数不返回值,但可以选择返回值,以覆盖正常的对象创建过程。)
类只能用 new
运算符实例化——尝试不使用 new
调用一个类将抛出 TypeError
。
创建一个用户自定义的对象需要两步:
- 通过编写函数来定义对象类型。
- 通过
new
来创建对象实例。
创建一个对象类型,需要创建一个指定其名称和属性的函数;对象的属性可以指向其他对象,看下面的例子:
当代码 new Foo(...)
执行时,会发生以下事情:
- 一个继承自
Foo.prototype
的新对象被创建。 - 使用指定的参数调用构造函数
Foo
,并将this
绑定到新创建的对象。new Foo
等同于new Foo
()
,也就是没有指定参数列表,Foo
不带任何参数调用的情况。 - 由构造函数返回的对象就是
new
表达式的结果。如果构造函数没有显式返回一个对象,则使用步骤 1 创建的对象。(一般情况下,构造函数不返回值,但是用户可以选择主动返回对象,来覆盖正常的对象创建步骤)
你始终可以对已定义的对象添加新的属性。例如,car1.color = "black"
语句给 car1
添加了一个新的属性 color
,并给这个属性赋值 "black
"。但是,这不会影响任何其他对象。要将新属性添加到相同类型的所有对象,你必须将该属性添加到 Car
对象类型的定义中。
你可以使用 Function.prototype
属性将共享属性添加到以前定义的对象类型。这定义了一个由该函数创建的所有对象共享的属性,而不仅仅是对象类型的其中一个实例。下面的代码将一个值为 null
的 color
属性添加到 car
类型的所有对象,然后仅在实例对象 car1
中用字符串 "black
" 覆盖该值。详见 prototype。
js
function Car() {}
car1 = new Car();
car2 = new Car();
console.log(car1.color); // undefined
Car.prototype.color = "original color";
console.log(car1.color); // original color
car1.color = "black";
console.log(car1.color); // black
console.log(car1.__proto__.color); //original color
console.log(car2.__proto__.color); //original color
console.log(car1.color); // black
console.log(car2.color); // original color
备注: 如果你没有使用 new
运算符,构造函数会像其他的常规函数一样被调用,并不会创建一个对象。在这种情况下, this
的指向也是不一样的。
示例
对象类型和对象实例
假设你要创建一个汽车的对象类型。你希望这个类型叫做 car,这个类型具备 make, model, year 等属性,要做到这些,你需要写这样一个函数:
js
function Car(make, model, year) {
this.make = make;
this.model = model;
this.year = year;
}
现在,你可以如下所示创建一个 mycar
的对象:
js
var mycar = new Car("Eagle", "Talon TSi", 1993);
这段代码创建了 mycar
并给他的属性指定值,于是 mycar.make
的值为"Eagle
", mycar.year
的值为 1993,以此类推。
你可以通过调用 new
来创建任意个汽车对象。例如:
js
var kenscar = new Car("Nissan", "300ZX", 1992);
对象属性为其他对象
假设你定义了一个对象叫做 person
:
js
function Person(name, age, sex) {
this.name = name;
this.age = age;
this.sex = sex;
}
然后实例化两个新的 person
对象如下:
js
var rand = new Person("Rand McNally", 33, "M");
var ken = new Person("Ken Jones", 39, "M");
然后你可以重写 car
的定义,添加一个值为 person
对象的 owner
属性,如下:
js
function Car(make, model, year, owner) {
this.make = make;
this.model = model;
this.year = year;
this.owner = owner;
}
为了实例化新的对象,你可以用如下代码:
js
var car1 = new Car("Eagle", "Talon TSi", 1993, rand);
var car2 = new Car("Nissan", "300ZX", 1992, ken);
创建对象时,并没有传字符串或数字给 owner,而是传了对象 rand
和 ken
。这个时候,你可以这样来获取 car2
的 owner 的 name:
js
car2.owner.name;
规范
Specification |
---|
ECMAScript Language Specification # sec-new-operator |
浏览器兼容性
BCD tables only load in the browser