npm 包 @gerhobbelt/babel-plugin-transform-new-target 使用教程-JavaScript中文网-JavaScript教程资源分享门户

@gerhobbelt/babel-plugin-transform-new-target 是一个 Babel 插件，可以帮助开发者在代码中更好地使用 new.target 关键字。在这篇文章中，我们将会详细介绍该插件的使用方法和应用场景，帮助读者更好地使用并理解该插件。

插件的安装

要使用 @gerhobbelt/babel-plugin-transform-new-target 插件，我们需要按照以下几个步骤进行安装：

首先，需要确保已经安装了 Node.js 和 npm，可以通过运行以下命令来检查版本：
```
node -v
npm -v
```

然后，在项目根目录下运行以下命令进行安装：

npm install --save-dev @gerhobbelt/babel-plugin-transform-new-target

最后，在项目的 .babelrc 文件中添加该插件：

{
  "plugins": ["@gerhobbelt/babel-plugin-transform-new-target"]
}

现在，我们已经成功安装并启用了 @gerhobbelt/babel-plugin-transform-new-target 插件。

插件的应用

new.target 关键字用于构造函数中，它的值是当前正在被 new 的构造函数。我们可以使用它来判断我们是在哪个构造函数中，进而进行相应的逻辑处理。

在插件的帮助下，我们可以轻松地对 new.target 进行转换。以下是一个示例代码：

-- -------------------- ---- -------
----- ------ -
  ------------- -
    ---------------------- --- --------
  -
-

----- --- ------- ------ --

--- --------- -- ----
--- ------ -- -----

我们使用 new.target 判断当前构造函数是否为 Person，并输出结果。在 Man 构造函数中，由于它是从 Person 继承而来的，所以使用 new Man() 时不会输出 true。

结语

@gerhobbelt/babel-plugin-transform-new-target 插件的应用场景比较特定，它主要用于在 ES6 中更好地使用 new.target 关键字。通过学习该插件，我们可以更好地理解 new.target 关键字的原理和使用方法，从而提高代码的可读性和维护性。

来源：JavaScript中文网，转载请注明来源 https://www.javascriptcn.com/post/5f02d7ac403f2923b035bdcc