js短路,||、&&、!!短路运算符的使用
2017-11-28 17:55
260 查看
正如标题所言,js中||和&&的特性帮我们精简了代码的同时,也带来了代码可读性的降低。这就需要我们自己来权衡了,下面有个不错的示例,在js逻辑运算中,0、""、null、false、undefined、NaN都会判为false,其他都为true.
||,先计算第一个运算数,如果可以被转换成true,则返回左边这个表达式的值,否则计算第二个运算数。即使||运算符的运算数不是布尔值,任然可以将它看作布尔OR运算,因为无论它返回的值是什么类型,都可以被转换为布尔值。
利用它对非布尔型的值会将其返回的特性:对非布尔型的运算数使用||,用于选取一组备选值中的第一个定义了的并且非空的值(第一个为非false的值)
例:
var max = max_width || obj.max_width || 500 ;
var attr = attr || "";这个运算经常用来判断一个变量是否已定义,如果没有定义就给他一个初始值,在给函数的参数定义一个默认值的时比较有用。
&&,它先计算第一个表达式,若为假,就不会去处理第二个表达;否则继续处理后继表达式。从左到右选取表达式的第一个为非true的表达式的值,如果一直未找到则返回最后一个表达式的值。
例:(其中的味道还需要细心琢磨)
2 && 's1' && '123' && 'sss' 表达式的值等于 'sss'
2 && 's1' && '' && 'sss' 表达式的值等于 ''
2 && 's1' && NaN && 'sss'表达式的值等于 NaN
if(a >=5){
alert("你好");
}
可以简成:
a >= 5 && alert("你好");
!!,typeof
5和typeof !!5的区别,这是一种更严谨的写法,的作用是把一个其他类型的变量转成的bool类型。例如, if(!!attr) <=> if(attr)
js中||和&&的特性帮我们精简了代码的同时,也带来了代码可读性的降低。这就需要我们自己来权衡了。
JS中的startWith功能的巧妙实现,alert(!'asdf'.indexOf('asd')) <=> !0 = true
||,先计算第一个运算数,如果可以被转换成true,则返回左边这个表达式的值,否则计算第二个运算数。即使||运算符的运算数不是布尔值,任然可以将它看作布尔OR运算,因为无论它返回的值是什么类型,都可以被转换为布尔值。
利用它对非布尔型的值会将其返回的特性:对非布尔型的运算数使用||,用于选取一组备选值中的第一个定义了的并且非空的值(第一个为非false的值)
例:
var max = max_width || obj.max_width || 500 ;
var attr = attr || "";这个运算经常用来判断一个变量是否已定义,如果没有定义就给他一个初始值,在给函数的参数定义一个默认值的时比较有用。
&&,它先计算第一个表达式,若为假,就不会去处理第二个表达;否则继续处理后继表达式。从左到右选取表达式的第一个为非true的表达式的值,如果一直未找到则返回最后一个表达式的值。
例:(其中的味道还需要细心琢磨)
2 && 's1' && '123' && 'sss' 表达式的值等于 'sss'
2 && 's1' && '' && 'sss' 表达式的值等于 ''
2 && 's1' && NaN && 'sss'表达式的值等于 NaN
if(a >=5){
alert("你好");
}
可以简成:
a >= 5 && alert("你好");
!!,typeof
5和typeof !!5的区别,这是一种更严谨的写法,的作用是把一个其他类型的变量转成的bool类型。例如, if(!!attr) <=> if(attr)
js中||和&&的特性帮我们精简了代码的同时,也带来了代码可读性的降低。这就需要我们自己来权衡了。
JS中的startWith功能的巧妙实现,alert(!'asdf'.indexOf('asd')) <=> !0 = true
相关文章推荐
- JS中使用短路运算符(&& || & |)时需要注意的小问题
- js中运算符&& 和 || 的使用
- JS中短路运算符&&和||
- js中运算符&& 和 || 的使用记录
- js中与、或运算符 ||、&& 短路介绍
- 对js运算符“||”和“&&”的总结(as一样可使用)
- js中的 || 与 && 运算符 的使用
- JS运算符 && 与 || 遵守短路原则
- IE8"开发人员工具"使用详解下(模式,JS调试,探查器)
- js中运算符"=="与"==="的区别
- js 运算符 || && 妙用
- java中调用Js的方法 & java.net.Url的使用 & Url中文乱码的解决 & Map 排序
- 在Mxml的对象属性中使用&&"和"运算符
- 在Eclipse里使用ANT合并压缩JS&CSS
- 从外部的js文件中使用<%=%>获取ASPX页面的ClientID获取后台代码
- 转:js 与或运算符 || && 妙用
- swfobject.js for flash 的使用(for swfobject > 2.0)
- js 运算符 || && 妙用
- js 与或运算符 || && 妙用
- js 与或运算符 || && 妙用