JS短路原理的应用示例精简代码的途径
在js逻辑运算中,0、""、null、false、undefined、NaN都会判为false,其他都为true.
||先计算第一个运算数,如果可以被转换成true,则返回左边这个表达式的值,否则计算第二个运算数。即使||运算符的运算数不是布尔值,任然可以将它看作布尔OR运算,因为无论它返回的值是什么类型,都可以被转换为布尔值。
利用它对非布尔型的值会将其返回的特性:对非布尔型的运算数使用||,用于选取一组备选值中的第一个定义了的并且非空的值(第一个为非false的值)
例:
varmax=max_width||obj.max_width||500;
varattr=attr||"";这个运算经常用来判断一个变量是否已定义,如果没有定义就给他一个初始值,在给函数的参数定义一个默认值的时比较有用。
&&,它先计算第一个表达式,若为假,就不会去处理第二个表达;否则继续处理后继表达式。从左到右选取表达式的第一个为非true的表达式的值,如果一直未找到则返回最后一个表达式的值。
例:(其中的味道还需要细心琢磨)
2&&"s1"&&"123"&&"sss"表达式的值等于"sss"
2&&"s1"&&""&&"sss"表达式的值等于""
2&&"s1"&&NaN&&"sss"表达式的值等于NaN
if(a>=5){
alert("你好");
}
可以简成:
a>=5&&alert("你好");
typeof5和typeof!!5的区别,这是一种更严谨的写法,!!的作用是把一个其他类型的变量转成的bool类型。例如,if(!!attr)=>if(attr)
js中||和&&的特性帮我们精简了代码的同时,也带来了代码可读性的降低。这就需要我们自己来权衡了。
JS中的startWith功能的巧妙实现,alert(!"asdf".indexOf("s"))=》!0=true
相关文章
- 18·灵魂前端工程师养成-JS语法入门
- 使用Node.js与Strve.js@4.3.0实战一款全新的群聊应用
- hybrid.js_js交互是什么意思
- 一文搞懂如何在Three.js里创建阴影效果 |《Three.js零基础直通14》
- JavaScript刷LeetCode拿offer-js版字典
- js-HTML DOM EventListener
- node.js与neo4j构建扩展性Web应用(nodeneo4j)
- 用SQL Server和JS实现数据库管理技术(sqlserver.js)
- js动态添加标签(新增一行,其实很简单,就是几个函数的应用)
- JS面向对象编程之对象使用分析
- 远离JS灾难css灾难之js私有函数和css选择器作为容器
- JavaScript用Node.js写Shell脚本[译]
- js获取下拉列表的值和元素个数示例
- node.js中的fs.writeFileSync方法使用说明
- 教你在heroku云平台上部署Node.js应用