JavaScript中逗号运算符介绍及使用示例

Fawziya ·
更新时间:2024-11-13
· 926 次阅读

有一道js面试题,题目是这样的:下列代码的执行结果是什么,为什么?
代码如下:
var i, j, k;
for (i=0, j=0; i<10, j<6; i++, j++) {
  k = i+j;
}
document.write(k);

答案是显示10,这道题主要考察JavaScript的逗号运算符。

下面是MDN对逗号运算符的定义:

逗号运算符计算两个操作数(从左至右)并返回第二个操作数的值。

根据这个定义,可以扩展一下:

逗号运算符从左到右计算两个或多个操作数并返回最后一个操作数的值。

可以感觉一下下面的代码:
代码如下:
alert((0, 9));
alert((9, 0));

if (0,9) alert("ok");
if (9,0) alert("ok");

逗号运算符在实际代码中有什么样的作用呢?

1、交换变量,无需第三个变量
代码如下:
var a = "a", b = "b";

//方法一
a = [b][b = a, 0];

//方法二
a = [b, b = a][0];

2、简化代码
代码如下:
if(x){
  foo();
  return bar();
}
else{
  return 1;
}

可以简写成:

代码如下:
return x ? (foo(), bar()) : 1;



运算符 示例 逗号运算符 JavaScript

需要 登录 后方可回复, 如果你还没有账号请 注册新账号