详解JavaScript的new表达式
原创详解JavaScript的new表达式
原创
Learn-anything.cn
发布于 2021-12-26 09:58:36
发布于 2021-12-26 09:58:36
一、new
用于创建用户定义的对象实例 或 创建具有构造函数的内置对象实例。
// 语法
new constructor[([arguments])]1、使用规则
当执行 new Foo(...) 时，会发生以下事情：
- 创建一个继承自 Foo.prototype 的新对象；
- 使用指定参数调用构造函数，并将 this 绑定到新对象（new Foo 等同于 new Foo()，表示没有指定参数）。
- 构造函数返回值就是 new 表达式结果。如果构造函数没有显式返回，则使用步骤1创建的对象（通常构造函数没有return 语句）。
// 实例
function Car(make, model, year) {
this.make = make;
this.model = model;
this.year = year;
}
const car1 = new Car('Eagle', 'Talon TSi', 1993);
console.log(car1.make); // "Eagle"2、new.target
可以检测一个函数是否通过 new 被调用。
// 1、检查函数
function Foo() {
if (!new.target)
throw "Foo() 只能用 new 来调用";
console.log("调用成功");
}
Foo(); // Uncaught Foo() 只能用 new 来调用
new Foo(); // 调用成功
// 2、查看类中构造函数
class A {
constructor() {
console.log(new.target.name);
}
}
class B extends A { constructor() { super(); } }
var a = new A(); // A
var b = new B(); // B二、参考文档
原创声明：本文系作者授权腾讯云开发者社区发表，未经许可，不得转载。
如有侵权，请联系 cloudcommunity@tencent.com 删除。
原创声明：本文系作者授权腾讯云开发者社区发表，未经许可，不得转载。
如有侵权，请联系 cloudcommunity@tencent.com 删除。
评论
登录后参与评论
推荐阅读
目录