- 發布於
關於 comma operator 的使用觀念與技巧
觀念
對它的每個操作目標求值（從左至右），並回傳最後一個操作目標的值。
function myFunc() {
let x = 0;
return (x += 1, x); // the same of return ++x;
}
myFunc(); // 1
技巧一、簡化寫法
可以透過 comma operator 簡化寫法
let x = Promise.resolve(1);
let y = Promise.resolve(2);
// let z = x
// .then(x => x + 1)
// .then(async x => x + await y);
let z = x
.then(async x => (x++, x + await y));
await z; // 3
技巧二、(0, obj.prop)(...args)
這個技巧的特別之處，透過 comma operator 的特性來讓 this 指向全局對象，也就是 window 或者 global。
const neil = {
say(message) {
this.alert(message);
},
alert: console.log
};
// this === neil
neil.say('use window.console.log');
// this === window
(neil, neil.say)('use window.alert');
建議還是使用
function.call()/apply()來改變 this 的指向