欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

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

程序员文章站 2022-04-23 09:57:05
...
有一道js面试题,题目是这样的:下列代码的执行结果是什么,为什么?
复制代码 代码如下:

var i, j, k;
for (i=0, j=0; i 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;