在 ES6 中，with 语句已经被弃用，并在严格模式下被禁用。然而，在某些情况下，我们可能需要使用 with 语句来简化代码。但是，当我们使用 Babel 编译 ES6 代码时，with 语句会被默认视为错误，并会抛出语法错误。
本文将介绍如何在使用 Babel 编译 ES6 代码时关闭严格模式下的 with 语句检测。
为什么要关闭严格模式下的 with 语句检测？
在 ES6 中，with 语句已经被弃用，并在严格模式下被禁用。这是因为 with 语句会影响作用域链，使得代码更难以维护和调试。因此，建议在编写代码时尽量避免使用 with 语句。
然而，在某些情况下，我们可能需要使用 with 语句来简化代码。例如，当我们需要频繁地访问一个对象的属性时，可以使用 with 语句来简化代码。
但是，当我们使用 Babel 编译 ES6 代码时，with 语句会被默认视为错误，并会抛出语法错误。这是因为 Babel 默认会将代码编译为严格模式下的代码，而严格模式下是禁止使用 with 语句的。
因此，如果我们需要使用 with 语句来简化代码，就需要关闭 Babel 的严格模式下的 with 语句检测。
如何关闭严格模式下的 with 语句检测？
要关闭 Babel 的严格模式下的 with 语句检测，我们需要在 Babel 的配置文件中添加一个插件，即 babel-plugin-transform-with。
首先，我们需要安装 babel-plugin-transform-with 插件：
npm install --save-dev babel-plugin-transform-with
然后，在 Babel 的配置文件中添加该插件：
{
"plugins": [
["transform-with", { "globals": ["someObject"] }]
]
}其中，globals 参数用于指定我们使用 with 语句时要访问的对象。在上面的示例中，我们指定了一个名为 someObject 的全局变量。
现在，我们就可以在 ES6 代码中使用 with 语句了，而不会被 Babel 抛出语法错误。
例如，以下代码使用 with 语句访问了一个对象的属性：
const obj = { foo: 'bar' };
with (obj) {
console.log(foo);
}编译后的代码如下：
-- -------------------- ---- ------- ---- -------- --- --- - - ---- ----- -- --------- -- - --------------------- -----
可以看到，Babel 将 with 语句编译为了一个立即执行函数，并将要访问的对象作为函数的参数传入。
结论
在 ES6 中，with 语句已经被弃用，并在严格模式下被禁用。然而，在某些情况下，我们可能需要使用 with 语句来简化代码。但是，在使用 Babel 编译 ES6 代码时，with 语句会被默认视为错误，并会抛出语法错误。
为了关闭 Babel 的严格模式下的 with 语句检测，我们需要在 Babel 的配置文件中添加 babel-plugin-transform-with 插件，并指定我们使用 with 语句时要访问的对象。这样，我们就可以在 ES6 代码中使用 with 语句了，而不会被 Babel 抛出语法错误。
需要注意的是，使用 with 语句会影响作用域链，使得代码更难以维护和调试。因此，建议在编写代码时尽量避免使用 with 语句。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6746edefe504cb428ecac2ff