JavaScript中逗号运算符介绍及使用示例
作者:bea
有一道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对逗号运算符的定义: 逗号运算符计算两个操作数(从左至右)并返回第二个操作数的值。 根据这个定义,可以扩展一下: 逗号运算符从左
有一道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;
有用 | 无用
代码如下:
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;
有用 | 无用
猜你喜欢
您可能感兴趣的文章:
- jQuery oLoader实现的加载图片和页面效果
- jQuery实现购物车数字加减效果
- jQuery+PHP实现动态数字展示特效
- jQuery+slidereveal实现的面板滑动侧边展出效果
- jQuery+jRange实现滑动选取数值范围特效
- jQuery实现加入购物车飞入动画效果
- jQuery插件实现大图全屏图片相册
- jQuery实现精美的多级下拉菜单特效
- jQuery实现菜单式图片滑动切换
- jQuery.Highcharts.js绘制柱状图饼状图曲线图
- jQuery实现跨域iframe接口方法调用
- Flash图片上传组件 swfupload使用指南
- jQuery插件jFade实现鼠标经过的图片高亮其它变暗
- jquery实现标签支持图文排列带上下箭头按钮的选项卡
- javascript实现数独解法
- SuperSlide标签切换、焦点图多种组合插件
- 纯javascript实现简单下拉刷新功能
- Jquery插件实现点击获取验证码后60秒内禁止重新获取
- node.js [superAgent] 请求使用示例