什么是 @babel/plugin-proposal-function-bind
@babel/plugin-proposal-function-bind 是一个 Babel 插件，它可以将函数绑定语法转换为 ES5 代码。
函数绑定是 ES7 中的一个提案，它为函数绑定参数提供了更加灵活的方式。举个例子：
const obj = { foo(x) { console.log(this, x); } }; const bar = ::obj.foo; bar(1); // 相当于 obj.foo.bind(obj, 1)();
上面的代码中，::obj.foo 的含义是将 obj.foo 绑定到 obj 上，而 bar(1) 相当于 obj.foo 绑定了 obj 并且传入了参数 1，所以输出结果是 {foo: function} 1。
不过函数绑定目前还没有被标准化，所以如果我们想要使用这个语法，就需要用 Babel 将它转换为 ES5 代码。
如何使用 @babel/plugin-proposal-function-bind
首先，我们需要安装 @babel/plugin-proposal-function-bind：
npm install --save-dev @babel/plugin-proposal-function-bind
然后，在 Babel 的配置文件中，我们可以这样使用它：
// .babelrc.js module.exports = { plugins: ["@babel/plugin-proposal-function-bind"] };
这样，Babel 就会将函数绑定语法转换为 ES5 代码了。
示例代码
下面是一个简单的示例，它会将函数绑定语法转换为 ES5 代码：
-- -------------------- ---- ------- -- --- ----- --- - - ------ - ----------------- --- - -- ----- --- - ---------- ------- -- ------ ---- -------- ----- --- - - ------ - ----------------- --- - -- ----- --- - ------------------ -------展开代码
总结
@babel/plugin-proposal-function-bind 是一个 Babel 插件，它可以将函数绑定语法转换为 ES5 代码。使用它的时候，我们需要先安装它，然后在 Babel 配置文件中配置即可。这个插件的使用非常简单，上手也比较容易，但是它可以让我们在代码中使用更加灵活的函数绑定语法。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/100523
