【JavaScript】避免未使用new命令调用构造函数的三种方法1. 严格模式2. 内部判断3. 使用 new.target 属性

92 阅读 0 评论 61 点赞

我是靠谱客的博主爱听歌月饼，这篇文章主要介绍【JavaScript】避免未使用new命令调用构造函数的三种方法1. 严格模式2. 内部判断3. 使用 new.target 属性，现在分享给大家，希望可以做个参考。

传送门：JavaScript 教程 / 面向对象编程 / 实例对象与 new 命令 / new 命令的原理

1. 严格模式

在这里插入图片描述

复制代码

1
2
3
4
5
6
function Person(name, age) {
'use strict';
this._name = name;
this._age = age;
}

2. 内部判断

在这里插入图片描述

复制代码

1
2
3
4
5
6
7
8
9
function Person(name, age) {
if (!(this instanceof Person)) {
return new Person(name, age);	// 直接返回实例对象
// throw new Error('请使用 new 命令调用！');	// 或者报错提示
}
this._name = name;
this._age = age;
}

3. 使用 new.target 属性

在这里插入图片描述

复制代码

1
2
3
4
5
6
7
8
9
function Person(name, age) {
if (!new.target) {
// return new Person(name, age);	// 或直接返回实例对象
throw new Error('请使用 new 命令调用！');	// 报错提示
}
this._name = name;
this._age = age;
}