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);
alert((0, 9));
alert((9, 0));
var a = "a", b = "b";
if(x){
foo();
return bar();
}
else{
return 1;
}
return x ? (foo(), bar()) : 1;
复制代码 代码如下:
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;
上一篇: 在Vue组件中实现动态添加和删除属性
下一篇: css部分常用属性汇总
推荐阅读
-
JavaScript中instanceof运算符的使用示例
-
JavaScript中instanceof运算符的使用示例
-
JavaScript中的this关键字介绍与使用实例_javascript技巧
-
Document:getElementsByName()使用方法及示例_javascript技巧
-
JavaScript中双叹号(!!)作用示例介绍_javascript技巧
-
json中换行符的处理方法示例介绍_javascript技巧
-
JS截取字符串常用方法整理及使用示例_javascript技巧
-
Document:getElementsByName()使用方法及示例_javascript技巧
-
HTML中的setCapture和releaseCapture使用介绍_javascript技巧
-
javascript中的undefined和not defined区别示例介绍_javascript技巧