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