keyMirror

本文介绍了keyMirror的作用,它在面对Closure Compiler压缩对象keys时提供了一种解决方案,通过动态枚举保持键的引用。关键点在于理解为何复制keys是必要的,并通过实例展示了如何在运行时使用keyMirror实现动态操作。
摘要由CSDN通过智能技术生成

点击挑战原文

keyMirror 顾名思义,就是为 keys 复制一份。源码也很简单,就是把 keys 遍历一遍得到 {a: 'a', b: 'b'} 这样的形式。

为什么要复制一份呢,是为了动态使用 key。

上面也提到 Closure Compiler advanced mode 下,对象的 keys 会压缩掉。但上面的例子并不会出错,因为 Closure 会聪明的把属性引用的地方也换掉,比如

var obj = {thisIsKey1: 2, thisIsKey2: '2'}
obj.thisIsKey1 += 2
console.log(obj, obj.thisIsKey1)
会得到

var c = {a:2, c:"2"};
c.a += 2;
console.log(c, c.a);
所以如果你想在运行时动态使用某个 key 就不行了

var obj = {thisIsKey1: 2, thisIsKey2: '2'}
obj.thisIsKey1 += 2
function somehowGetKey (i) { return ['thisIsKey1', 'thisIsKey2'][i] }
console.log(obj, obj[somehowGetKey(0)])
会得到

var c = {a:2, c:"2"};
c.a += 2;
console.log(c, c.thisIsKey1);
所以 keyMirror 在运行时保留了一个对照关系,相当于一个 enum,就可以动态使用 key

var keys = keyMirror({thisIsKey1: null, thisIsKey2: null})
var obj = {}
obj[keys.thisIsKey1] = 2
obj[keys.thisIsKey2] = '2'
function somehowGetKey (i) { return [keys.thisIsKey1, keys.thisIsKey2][i] }
console.log(obj, obj[somehowGetKey(1)])
就可以得到正确的结果

var d = c({b:null, a:null}), e = {};
e[d.b] = 2;
e[d.a] = "2";
console.log(e, e[d.a]);
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值