侧边栏壁纸
博主头像
M酷博主等级

一帆风顺 ⛵️⛵️⛵️

  • 累计撰写 45 篇文章
  • 累计创建 40 个标签
  • 累计收到 463 条评论

目 录CONTENT

文章目录

JS中判断是否是用new调用函数

M酷
2021-03-04 / 0 评论 / 3 点赞 / 5,518 阅读 / 1,358 字 / 正在检测是否收录...
广告 广告

🤔有时候我们在开发组件或者插件的过程中,会需要去判断一个函数是否是是用new关键字来调用,如果是则做一些业务处理,否则抛出异常。那么在JS中我们该怎么去判断呢?大概有几种方式呢?

经过查阅,大概有以下3种

  • 通过 use strict 判断
  • 通过 instanceof 判断
  • 通过 constructor 判断
  • 通过 ES6 中的 new.target 判断

1、通过 use strict

普通调用时严格模式下this指向undefined,赋值操作会报错,new调用时this指向实例对象。

var Person = function () {
  'use strict';
  try {
    this.name = 'BabyChin';
    console.log('new调用');
  } catch (e) {
    console.log('普通调用');
  }
}
var p1 = new Person(); // new调用
var p2 = Person(); // 普通调用

2、通过 instanceof

普通调用时this指向全局对象,new调用时this指向实例对象。

var Person = function () {
  if (this instanceof Person) {
    console.log('new调用');
  } else {
    console.log('普通调用');
  }
}
var p1 = new Person(); // new调用
var p2 = Person(); // 普通调用

3、通过 constructor

普通调用时constructor指向全局对象,new调用时constructor指向构造函数本身。

var Person = function () {
  if (this.constructor === Person) {
    console.log('new调用');
  } else {
    console.log('普通调用');
  }
}
var p1 = new Person(); // new调用
var p2 = Person(); // 普通调用

4、通过 new.target

普通调用时target默认指向undefined,new调用时target指向Foo的实例对象。

var Person = function () {
  if (new.target === Person) {
    console.log('new调用');
  } else {
    console.log('普通调用');
  }
}
var p1 = new Person(); // new调用
var p2 = Person(); // 普通调用

😄点点滴滴都记录一下。

3
广告 广告

评论区