逗号操作符(0,function)()

无聊之际看了一下antd的源码，发现一段代码如下：

var ButtonTypes = (0, _type.tuple)('default', 'primary', 'ghost', 'dashed', 'danger', 'link');
var ButtonShapes = (0, _type.tuple)('circle', 'circle-outline', 'round');
var ButtonSizes = (0, _type.tuple)('large', 'default', 'small');
var ButtonHTMLTypes = (0, _type.tuple)('submit', 'button', 'reset');
// tuple 实际上就是一个返回参数数组的函数
var tuple = function tuple() {
    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
      args[_key] = arguments[_key];
    }
    return args;
  };

发现了 (0,function) 这个写法好像好像没见过，于是就研究了一下：
相关链接：https://developer.mozilla.org...

逗号操作符

概述：逗号操作符对它的每个操作数求值（从左到右），并返回最后一个操作数的值。当你想要在期望一个表达式的位置包含多个表达式时，可以使用逗号操作符。这个操作符最常用的一种情况是：for 循环中提供多个参数。需要注意的是，var 语句中的逗号不是逗号操作符，因为它不是存在于一个表达式中。

案例：

function testFunc () {
  var a = 0;
  return (a += 1, a); // 等价于return ++x;
}

console.log((1, 2)); // console 2
console.log((a = b = 3, c = 4)); // console 4

逗号操作符的用处

先看一个案例：

var obj = {
    myFunc: function () {
        console.log(this === window);
        console.log(this === obj);
    }
}
obj.myFunc();   // false  true
(0,obj.myFunc)(); // true false

输出的结果为 :
false
true
ture
false。

解释：

在函数foo中，this指向的是obj，因为foo是obj的方法。所以this===window返回false就能理解了。
但是调用(0,obj.myFunc)()，表达式（0,obj.foo）将评估它的每个操作数（从左到右），并返回最后一个操作数的值。换句话说，（0，obj.foo）等于返回一个函数：

ƒ () {
        console.log(this === window);// this是全局对象window，所以输出的是true。
        console.log(this === obj);// this是全局对象window，所以输出的是false。
    }