this._callback[evn] 数组定义

Question

针对(this._callback[evn]||(this._callback[evn]=[])).push(callback);我不是很明白的就是：对事件evn创建数组，除非已经存在了，那么就将回调push进去，为什么数组可以定义成this._callback[evn]谢谢！

Answer 1

当this._callback[evn]不存在时其在Boolean表达式中解析为false，那么会去检查或的第二个条件，第二个条件是一个表达式，那么先执行这个表达式，this._callback[evn]=[]，创建this._callback[evn]为一个数组，意思很明白了吧。js里面很多这种写法，如果是比较常规的写法：
if(this.callback[evn]==undefined){
this.callback[evn]=[];
}
this.callback[evn].push(callback);
这样是不是看起来比较low？
a={b:'foo'};
(a.c||(a.c=[])).push('bar');
console.log(a)
Object{b:"foo",c:Array[1]}
                            

Answer 2

(this._callback[evn]||(this._callback[evn]=[])).push(callback);
这句等同于：
if(this._callback[evn]){//如果this._callback[evn]不为空
this._callback[evn].push(callback);
}else{//先初始化为一个空数组，再往里面push
this._callback[evn]=[];
this._callback[evn].push(callback);
}
这句代码用了短路运算符||，当且仅当前一个表达式不成立时，才会执行后一个表达式。这样就能够在this._callback[evn]为空时先对它进行初始化，从而避免空指针错误。
this._callback应该是一个普通对象，而不是数组，事件名称evn则是该对象的属性。