JavaScript中binding的含义是什么？结合《Eloquent JavaScript》示例解析困惑

嘿，我来帮你把《Eloquent JavaScript》里提到的binding概念掰明白，还有你困惑的Symbol属性例子里它到底起啥作用～

其实binding就是变量名（或常量名）和它对应的值之间的绑定关系。你可以把它想象成一个“标签”——给某个内存里的值贴个名字，之后用这个名字就能直接找到对应的值。比如你写：

let userName = "Alice";

这里就创建了一个名为userName的binding，它和字符串值"Alice"绑定在了一起。

我把你给出的代码补全成完整版本，方便拆解：

const toStringSymbol = Symbol("toString");
let stringObject = { 
  [toStringSymbol]() { 
    return "a jute rope"; 
  } 
};
console.log(stringObject[toStringSymbol]); // 输出: a jute rope

这里的toStringSymbol就是一个持有Symbol值的binding，它的作用可以拆成三步看：

1. 第一步const toStringSymbol = Symbol("toString")：创建了一个binding，名字是toStringSymbol，它绑定的是一个独一无二的Symbol类型值（因为每次调用Symbol()都会生成唯一值）。
2. 第二步在对象stringObject的方括号[toStringSymbol]里：方括号会对里面的表达式求值——说白了就是找到toStringSymbol这个binding对应的Symbol值，把它作为对象的属性名。
3. 最后访问属性时，stringObject[toStringSymbol]也是通过这个binding拿到对应的Symbol值，才能精准找到对象上的那个方法。

如果不用binding，直接写的话你会遇到棘手的问题：

let stringObject = { 
  [Symbol("toString")]() { 
    return "a jute rope"; 
  } 
};
// 这里会输出undefined，因为你每次调用Symbol("toString")都是新的唯一值
console.log(stringObject[Symbol("toString")]);

这时候就体现了binding的核心作用：它帮你“保存”了那个唯一的Symbol值，让你能复用同一个值，而不是每次都生成新的，这样才能正确访问到对象上的Symbol属性。

内容的提问来源于stack exchange，提问作者cham