在使用 JavaScript 中的 Symbol 类型时，我们可能会遇到一个名为 Symbol.unscopables 的属性。这个属性是一个特殊的内部属性，用于控制对象在使用 with 语句时，哪些属性名不应该被绑定到 with 作用域中。
但是有时候，当我们试图在某些情况下使用 Symbol.unscopables 时，会遇到一些错误。下面我们来分析这个问题的原因，并一起学习如何解决这个问题。
问题分析
我们来看一下下面这段代码：
-- -------------------- ---- -------
----- --- - -
---- --
---- --
--------------------- -
---- ----
-
--
--------- -
----------------- -- -- -
----------------- -- -- --------------- --- -- --- -------
-在这个例子中，我们定义了一个对象 obj，其中包括两个属性 foo 和 bar。我们还定义了一个 Symbol.unscopables 属性，将其值设为一个对象，该对象包含一个键名为 bar 的属性。这是告诉 with 语句，在使用 with 语句绑定 obj 作用域时，不应将 obj 的 bar 属性绑定到 with 作用域中。
但是当我们运行这个代码片段时，会发现抛出了一个错误，提示 bar 没有被定义。
这是为什么呢？我们知道，with 语句会将 with 语句所绑定的对象的属性添加到作用域链的顶层，以便我们可以直接使用这些属性名而不需要加上对象名的限定符。
但是在这个例子中，我们定义了 Symbol.unscopables 属性，并将其值赋为了一个对象。这个对象实际上是一个 map，键名为某个属性名，值为 true 表示此属性应该被排除在 with 语句的作用域链之外。
当我们使用 with 语句时，JavaScript 引擎会检查绑定对象是否具有 Symbol.unscopables 属性。如果有，则将其视为一个 map，从中获取键名并判断是否被标记为“不可绑定”。如果是，则这个属性将不会添加到作用域链中，也就是说，我们无法直接使用这个属性名。
所以在上面这个例子中，由于我们定义了 Symbol.unscopables 属性并排除了 bar 属性，当我们在 with 语句中使用 console.log(bar) 时就会报错，因为 bar 没有被绑定到作用域中。
解决方法
我们可以使用以下两种方法来解决这个问题。
1. 使用 let 或 const
这是最简单的方法，我们只需要将 with 语句中的 let 或 const 关键字替换掉 var 就可以了。
-- -------------------- ---- -------
----- --- - -
---- --
---- --
--------------------- -
---- ----
-
--
--------- -
----------------- -- -- -
--- --- - --------
----------------- -- -- -
-由于 let 和 const 声明的变量有块级作用域，所以 bar 变量不会被绑定到 with 语句的作用域中，也就不会因为 Symbol.unscopables 属性的影响而报错。
2. 手动添加被排除的属性
我们也可以手动将 Symbol.unscopables 属性中排除的属性手动添加到作用域链中。对于该属性，在 with 语句中使用时，需要使用对象名限定符才能访问。
-- -------------------- ---- -------
----- --- - -
---- --
---- --
--------------------- -
---- ----
-
--
--------- -
----------------- -- -- -
--------------------- -- -- -
-总结
在使用 Symbol.unscopables 时，我们可能会遇到一个无法访问被排除属性的问题。为了解决这个问题，我们可以使用 let 或 const 关键字，也可以手动将排除的属性添加到作用域链中。
在编写 JavaScript 代码时，应该尽可能避免使用 with 语句，并尽可能使用 ES6 中的 let 和 const 关键字来声明变量。这样可以避免一些不必要的问题和错误，提高代码可读性和可维护性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64e2deb4f6b2d6eab3e2af46