JS使用&&和||来优化代码
2018-03-05 15:31
218 查看
在javascript中经常遇到&&和||运算符的使用,下面我们看看它们的用法技巧:&&和||在JQuery源代码内尤为使用广泛,由于本人没有系统的学习js,所以只能粗略的自我理解出来,希望大家指点下。粗略理解如下:a() && b() :如果执行a()后返回true,则执行b()并返回b的值;如果执行a()后返回false,则整个表达式返回a()的值,b()不执行;
a() || b() :如果执行a()后返回true,则整个表达式返回a()的值,b()不执行;如果执行a()后返回false,则执行b()并返回b()的值;
&& 优先级高于 ||如下:
代码
[javascript] view plain copyalert((1 && 3 || 0) && 4); //结果4 ①
alert(1 && 3 || 0 && 4); //结果3 ②
alert(0 && 3 || 1 && 4); //结果4 ③
分析:
语句①:1&&3 返回3 => 3 || 0 返回 3 => 3&&4 返回 4
语句②:先执行1&&3 返回3,在执行0&&4返回0,最后执行结果比较 3||0 返回 3
语句③:先执行0&&3 返回0,在执行1&&4返回4,最后执行结果比较 0||4 返回 4注:非0的整数都为true,undefined、null和空字符串”" 为false。技巧一:设置默认值:var str=strone||'默认值'...参考文章http://www.codes51.com/article/detail_97738.html
a() || b() :如果执行a()后返回true,则整个表达式返回a()的值,b()不执行;如果执行a()后返回false,则执行b()并返回b()的值;
&& 优先级高于 ||如下:
代码
[javascript] view plain copyalert((1 && 3 || 0) && 4); //结果4 ①
alert(1 && 3 || 0 && 4); //结果3 ②
alert(0 && 3 || 1 && 4); //结果4 ③
分析:
语句①:1&&3 返回3 => 3 || 0 返回 3 => 3&&4 返回 4
语句②:先执行1&&3 返回3,在执行0&&4返回0,最后执行结果比较 3||0 返回 3
语句③:先执行0&&3 返回0,在执行1&&4返回4,最后执行结果比较 0||4 返回 4注:非0的整数都为true,undefined、null和空字符串”" 为false。技巧一:设置默认值:var str=strone||'默认值'...参考文章http://www.codes51.com/article/detail_97738.html
相关文章推荐
- 从外部的js文件中使用<%=%>获取ASPX页面的ClientID获取后台代码
- <Node.js入门>教程中代码的修改
- JS 实现网页中的"运行代码"功能
- 将js代码放到<head>标签和放到<body>标签里的区别
- Android中View绘制优化二一---- 使用<include />标签复用布局文件
- Uglifyjs(JS代码优化工具)入门 安装使用
- <include>标签和BaseActivity联合使用简化代码结构
- js中||和&&短路原理,精简代码方法
- 【Html】想加入一行代码吗?使用<code>标签
- Cocos2d-x使用Javascript开发js绑定C++<代码演示样例>
- node.js学习(三)简单的node程序&&模块简单使用&&commonJS规范&&深入理解模块原理
- 导入js文件时,不使用".."或"~"
- Android UI 优化 使用<include/>和 <merge />标签
- 【javascript】js中,巧妙运用 && 和 || 优化代码
- 网页速度分析 && 网页头文件解析 && 性能优化 && httpwatch工具使用
- <div style="display:none">中更改的内容使用js无法获取
- && JS的基本使用
- Uglifyjs(JS代码优化工具)入门 安装使用
- 【Html】使用<pre>标签为你的网页加入大段代码
- 最简单的struts2中使用<s:iterator>实现隔行变色代码[珍藏版]