通过代理设置常量
在这篇博客文章中，描述快速设置常量的小技巧（考虑枚举值，但不是包裹在命名空间里）。这是一个学习问题，而不是在你的代码中实际使用。
简单版
TypeScript 枚举
作为例子，考虑下面的 TypeScript 枚举（JavaScript 自身没有枚举）：
enum MyEnum {
foo,
bar,
baz,
}
assert.equal(MyEnum.foo, 0);
assert.equal(MyEnum.bar, 1);
assert.equal(MyEnum.baz, 2);我通常优先使用字符串作为枚举值，因为它们更容易调试：
enum MyEnum {
foo = 'foo',
bar = 'bar',
baz = 'baz',
}
assert.equal(MyEnum.foo, 'foo');
assert.equal(MyEnum.bar, 'bar');
assert.equal(MyEnum.baz, 'baz');单纯的 JavaScript 解决方案
在 JavaScript 中你可以更少的代码做到相同的事：
const keyProxy = new Proxy(
{},
{
get(_target, propKey, _receiver) {
return propKey;
},
},
);
const { foo, bar, baz } = keyProxy;
assert.equal(foo, 'foo');
assert.equal(bar, 'bar');
assert.equal(baz, 'baz');这是如何工作的？我们结合两个部分来了解这些。
首先，代理（proxy）是一个对象，无论你是用什么键读取属性，总是得到该键作为值：
assert.equal(keyProxy.hello, 'hello');
assert.equal(keyProxy.world, 'world');再者，使用解构表达式获取属性值让我们同时获取属性键和变量名。意味着，下面两个解构是等价的。
const { foo, bar, baz } = keyProxy;
const { foo: foo, bar: bar, baz: baz } = keyProxy;Symbol 作为常量的值
如果你使用 Symbol 作为常量的值，类型将更加安全。行 A 是唯一改变的一行。
const keyProxy = new Proxy(
{},
{
get(_target, propKey, _receiver) {
return Symbol(propKey); // (A)
},
},
);
const { foo, bar, baz } = keyProxy;
assert.equal(typeof foo, 'symbol');
assert.equal(String(foo), 'Symbol(foo)');扩展阅读
- “Exploring ES6” 中的章节 “Metaprogramming with proxies”
- “Exploring ES6” 中的章节 “Exploring ES6”
本文作者 Axel Rauschmayer，转载请注明来源链接：
