JavaScript 中的 new.target 是啥?【一分钟知识点速记】

发布时间:2024年01月04日

💦💦💦

在 JavaScript 中,new.target 是一个特殊的内建变量,它代表了当前正在被实例化的构造函数。这个变量主要在构造函数内部使用,以便确定构造函数是作为一个构造函数还是作为一个普通函数被调用的。

函数

function Person() {
    console.log(new.target)
}

Person() // 作为普通函数调用,new.target 是 undefined

new Person() // 使用 new 操作符调用,new.target 是 Person

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

new Person() // 使用 new 操作符调用,new.target 是 Person

Person() // 谷歌浏览器报错:TypeError: Class constructor Person cannot be invoked without 'new'

应用场景

class 中用处不大。由于 new.target 的值有两种:undefined函数本身,所以它的使用场景可以有:

  1. 约束函数的调用方式,使之仅有一种方式被使用

    function Person(name) {
        if (!new.target) {
            throw new Error('只能被 new 操作符调用!')
        }
    
        this.name = name
    }
    
    Person() // Uncaught Error: 只能被 new 操作符调用!
    

    function Person(name) {
        if (new.target) {
            throw new Error('不能被 new 操作符调用!')
        }
    
        console.log(`name is ${name}`)
    }
    
    new Person('张三') // Uncaught Error: 不能被 new 操作符调用!
    
  2. 根据不同的调用方式丰富函数的功能

    function Person(name) {
        if (new.target) {
            this.name = name
        } else {
            console.log(`name is ${name}`)
        }
    
    
    }
    
    console.log(new Person('张三')); // { "name": "张三" }
    
    Person('张三') // name is 张三
    
文章来源:https://blog.csdn.net/dizuncainiao/article/details/135385305
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。