首页 > 语言 > JavaScript > 正文

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

2024-05-06 16:16:46
字体:
来源:转载
供稿:网友
这篇文章主要介绍了JavaScript中逗号运算符介绍及使用示例,本文讲解了逗号运算符的定义、使用例子及实际使用的一些技巧,需要的朋友可以参考下
 

有一道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;
 

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表

图片精选