JS中new.target的用法

阳光穿透心脏的1/2处 2022-09-03 10:23 209阅读 0赞

### 1. 什么是new.target? ###

`new.target`允许你检测函数或构造方法是否是通过`new`运算符调用的，若函数或构造方法是由`new`调用的，则`new.target`属性的值指向该函数或构造函数，否则值为`undefined`。

### 2. 示例 ###

*  普通的函数调用中，`new.target`的值为`undefined`，使用`new`运算符调用的函数其值为函数本身，这可以用来判断一个函数是否是使用`new`调用的

function Person() { 
      this.name = 'Mike'
      console.log(new.target)
    }
    Person()  // undefined
    new Person()
    /* ƒ Person() { this.name = 'Mike' console.log(new.target) } */

*  如果规定一个函数必须使用`new`运算符调用，可以这样写：

function Person() { 
      if(new.target) { 
        this.name = 'Mike'
        console.log(this)
      }else { 
        throw new Error('函数必须使用new调用')
      }
    }
    new Person() // Person { name: 'Mike' }
    Person() // Uncaught Error: 函数必须使用new调用

*  我们知道ES6中的class类创建实例时必须使用`new`，`new.target`的值则为类定义本身

class Person { 
      constructor() { 
        console.log(new.target)
      }
    }
    new Person()
    /* class Person { constructor() { console.log(new.target) } } */

*  在类的继承中，`new.target`的值指向初始化类的类定义

class Person { 
      constructor() { 
        console.log(new.target)
      }
    }
    class Male extends Person { 
      constructor() { 
        super()
      }
    }
    new Person()
    /* class Person { constructor() { console.log(new.target) } } */
    new Male()
    /* class Male extends Person { constructor() { super() } } */

发表评论取消回复

表情：

评论列表（有 0 条评论，209人围观）

还没有评论，来说两句吧...

相关阅读

相关 js中?.、??的具体用法

目录 1、?. （可选链运算符） 2、??（空值合并运算符） -------------------- 1、`?. （可选链运算符）` 在javascri

你的名字/ 2023年10月09日 16:12/ 0 赞/ 77 阅读

相关 js中replace的用法

replace方法的语法是：stringObj.replace(rgExp, replaceText) 其中：stringObj是字符串(string)，reExp可以是正则

亦凉/ 2023年10月08日 22:40/ 0 赞/ 73 阅读

相关 js中...的用法

参考文章：[https://blog.csdn.net/alwyn0721/article/details/127256831][https_blog.csdn.net_alw

短命女/ 2023年10月04日 23:57/ 0 赞/ 56 阅读

相关 JS中 reduce() 的用法

过去有很长一段时间，我一直很难理解 reduce() 这个方法的具体用法，平时也很少用到它。事实上，如果你能真正了解它的话，其实在很多地方我们都可以用得上，那么今天我们就来简单

旧城等待，/ 2023年06月03日 03:56/ 0 赞/ 26 阅读

相关 JS中 reduce() 的用法

1.语法：其实经常用的只有 prev和cur arr.reduce(function(prev,cur,index,arr){ ... },

￡神魔★判官ぃ/ 2023年03月03日 05:59/ 0 赞/ 26 阅读

相关 js中getElementById()的用法

<!DOCTYPE html> <html> <head> <meta charset="UTF-8">

冷不防/ 2022年07月24日 06:19/ 0 赞/ 223 阅读

相关 js中this的用法

说到this，对于它的理解就是：this是指向函数执行时的当前对象，倘若没有明确的当前对象，它就是指向window的。 1.setTimeout(functtion

缺乏、安全感/ 2022年07月15日 07:43/ 0 赞/ 316 阅读

相关 js中with的用法

1. with(arg) \{ 2. statement 3. \} 4. // arg在执行参数体的时候js通过with将arg加入大括号

我就是我/ 2022年07月12日 15:24/ 0 赞/ 320 阅读

相关 JS中"&&"的其它用法

首先来了解一下 “&&”操作符的工作原理： “&&”连接两个表达式，当两侧表达式都为真时，返回TRUE。有一个为假则返回FALSE。那么实际运行时，JavaScript到

素颜马尾好姑娘i/ 2022年03月26日 04:40/ 0 赞/ 408 阅读

相关 js中prototype的用法

看例子就懂了例1 可以在外部使用prototype为自定义的类型添加属性和方法 <script type="text/javascript"> f

阳光穿透心脏的1/2处/ 2021年09月29日 10:34/ 0 赞/ 522 阅读