无聊之际看了一下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。
}
