javascript MouseEvents问题

Question

var qqIndex = 0;
var qqBtn = document.querySelectorAll(".myTqBtn.tabBtn0");
var tiggerClick = function(target, eventName){
    var event = document.createEvent("MouseEvents");
    event.initEvent(eventName, !0, !0);
    target.dispatchEvent(event);
};

1. 第一种方法模拟执行事件

qqBtn[qqIndex] && tiggerClick(qqBtn[qqIndex], "mouseover") && tiggerClick(qqBtn[qqIndex], "mousedown") && tiggerClick(qqBtn[qqIndex], "mouseup") && tiggerClick(qqBtn[qqIndex], "click");

1. 第二种方法模拟执行事件

qqBtn[qqIndex] && (tiggerClick(qqBtn[qqIndex], "mouseover"), tiggerClick(qqBtn[qqIndex], "mousedown"), tiggerClick(qqBtn[qqIndex], "mouseup"), tiggerClick(qqBtn[qqIndex], "click"));

第一种不能触发click事件，第二种可以触发，为什么用括号括起来然后多个逗号隔开就可以执行了呢？

Answer 1

因为第一种方法，&& 操作出现 false后面语句就不会执行了

Answer 2

无返回值的方法返回值是undefined，执行了一个方法后就停了吧

Answer 3

1. &&操作具有短路功能

2. 函数执行后如果没有return语句的话，就返回undefined

3. qqBtn[qqIndex] && tiggerClick(qqBtn[qqIndex], "mouseover")&&...
qqBtn[qqIndex] &&undefined执行后整个语句执行就结束了-短路了，只是触发了mouseover事件，click时间不触发了。

4. （a,b,c,d);a,b,c,d表达式(函数)都会被执行，故click事件也会被触发，但是返回的结果为d的执行结果