javascript ||用法
你是否看到过这样的代码:a=a||""; 可能javascript初学者会对此感到茫然。今天就跟大家分享一下我的一些心得。
其实:
- a=a||"defaultValue";
与:
- if(!a){
- a="defaultValue";
- }
和:
- if(a==null||a==""||a==undefined){
- a="defaultValue";
- }
是等价的!
为了弄清这个问题,首先我们必须了解一个问题:javascript中数据类型在转换为bool类型时发生了什么。
在javascript中,数据类型可以分为“真值”和“假值”。顾名思义,真值转换为bool时值为true;假值转换为bool时值为false。下表罗列了一些常见的数据类型转换为bool时的值:
数据类型 | 转换为bool后的值 |
null | FALSE |
undefined | FALSE |
Object | TRUE |
function | TRUE |
0 | FALSE |
1 | TRUE |
0、1之外的数字 | TRUE |
字符串 | TRUE |
""(空字符串) | FALSE |
在if表达式中,javascript首先将条件表达式转换为bool类型,表达式为真值则执行if中的逻辑,否则跳过。
于是有了:
- if(!a){
- a="defaultValue";
- }
下面我们再来看“&&”、“||”两个表达式。
由于javascript是弱类型语言,所以在javascript中这两个表达式可能跟其他语言(比如java)中不太一样。
在javascript中,“&&”运算符运算法则如下:
如果&&左侧表达式的值为真值,则返回右侧表达式的值;否则返回左侧表达式的值。
这就是说:
- var i=""&&"真值";//->i=""
- i="真值"&&"其他真值";//->i="其他真值"
- i="真值"&&"";//->i=""
“||”运算符的运算法则如下:
如果||左侧表达式的值为真值,则返回左侧表达式的值;否则返回右侧表达式的值。
这就是说:
- var i=""||"真值";//->i="真值"
- i="真值"||"其他真值";//->i="真值"
- i="真值"||"";//->i="真值"
于是,就可以理解:
- a=a||"defaultValue";
的逻辑了。如果a为假值(等于null、空字符串……),则将"defaultValue"赋给a;否则将a的值赋给a本身。
下面我们运用||、&&来简化程序:
- var parameter="";
- function test(parameter){
- //return 真值
- return true;
- }
- //真值操作
- function operate1(parameter){
- return "真值操作";
- }
- //假值操作
- function operate2(parameter){
- return "假值操作";
- }
- var result=test(parameter)&&operate1(parameter);
- result=test(parameter)||operate2(parameter);
- //等价于
- result=test(parameter)?operate1(parameter):operate2(parameter);
- alert(result);//真值操作
- //也等价于
- if(test(parameter)){
- result=operate1(parameter);
- }else{
- result=operate2(parameter);
- }
- alert(result)//真值操作
转载于:https://www.cnblogs.com/xhqgogogo/p/3507817.html
javascript ||用法相关推荐
- JavaScript 入门教程||javascript 简介||JavaScript 用法
javascript 简介 JavaScript 是互联网上最流行的脚本语言,这门语言可用于 HTML 和 web,更可广泛用于服务器.PC.笔记本电脑.平板电脑和智能手机等设备. JavaScrip ...
- JavaScript用法(1)
Js的用法 外部 javascript 文件不使用 script标签,直接写 javascript 代码 HTML 中的脚本必须位于 script 与 /script 标签之间. 脚本可被放置在 HT ...
- c语言scytem用法,JavaScript基础
简介 JavaScript是互联网上最流行的脚本语言,这门语言可用于web和HTML,更可广泛用 于服务器.pc端.移动端. JavaScript是一种轻量级的编程语言 JavaScript是可插入H ...
- 添加javascript代码:_JavaScript的使用
JavaScript用法 Html中的脚本必须位位于标签之间 脚本可被放置在html页面的 和部分中.
- ppk on JavaScript第二章:背景(完结篇)
无障碍规则 尽管无法预见可能损害一个有脚本网站的可用性的所有情形,但我已经总结出一些可以帮助您在基础上不犯错的规则.不要把它们当作JavaScript和无障碍的终极规则,这只是能防止一些常见低级错误的 ...
- 20个将 JavaScript 用到极致的网站
浏览器正变得越来越强大,上面有各种丰富的功能可以供开发者选择,一些在几年前几乎难以想象的功能都已经一一实现.有了这些新功能,开发者现在能够开发出 更精细.更复杂.更有想象力的用户界面了.这为网站开发扫 ...
- 菜鸟教程-Javascript学习笔记-JS函数之前
教程连接是: https://www.runoob.com/js/js-tutorial.html DOM(一些操作页面元素的方法) BOM(一些操作浏览器的方法) ################# ...
- 01)自学JavaScript
1. JavaScript 简介 1.1 JavaScript 是脚本语言 JavaScript 是一种轻量级的编程语言. JavaScript 是可插入 HTML 页面的编程代码. JavaScri ...
- javaScript入门基础说明
JavaScript 教程 JavaScript 是 Web 的编程语言. 所有现代的 HTML 页面都使用 JavaScript. JavaScript 非常容易学,本教程将教你打开 JavaScr ...
最新文章
- Codeforces Round #699 (Div. 2) E.Sorting Books(贪心+DP / 线段树)超高质量题解,看不懂来打我 ~
- python快速编程入门教程-半小时带你快速入门Python编程,Python快速入门教程
- 饿了么异地双活数据库实战
- 通过XML设置屏幕方向(android:screenOrientation)详解
- MM模块常用T-code
- 前端转行大数据?没必要
- 制作验证码使用到的函数
- 抖音内测语音直播交友 能够用声音打开社交的一扇门吗?
- 介绍几个免费的英文ASP.NET的CMS程序
- 华为主题引擎怎么下载_华为搜索引擎app
- ssms管理linux数据库,使用 SSMS 管理 Linux 上的 SQL Server - SQL Server | Microsoft Docs
- Linux上一个恶意程序分析实例:一步一步揭开病毒程序的面纱1
- 厦门大学计算机调剂要求,厦门大学考研调剂复试有什么要求
- Java书写文字格斗游戏
- 酒店wifi全覆盖解决移动上网方案
- Apicloud中在frame中加载数据未完成时显示加载进度条
- PCB过孔、背钻注意要点详解
- 1014: 求三角形的面积 C语言
- org.springframework.dao.DataIntegrityViolationException: Error attempting to get column
- 苹果iPad Mini 6 渲染图曝光
热门文章
- java中删除sqlite数据库语句_sqlite数据库的介绍与java操作sqlite的实例讲解
- 深度 | 阿里云蒋江伟:什么是真正的云原生?
- Sentinel Go 0.4.0 发布,支持热点流量防护能力
- 阿里张磊:云计算生态价值点正迅速聚焦到“应用”上
- Kubernetes 弹性伸缩全场景解析 (四)- 让核心组件充满弹性
- hive内置函数_flink教程flink modules详解之使用hive函数
- 计算机硬盘容量分盘计算,硬盘怎么规划分区大小才算科学合理? | 我爱分享网...
- java常用注解及功能_SpringBoot 中常用注解及各种注解作用
- 昆仑mcp文件是什么版本_昆仑健康保2.0升级版怎么样?有哪些优缺点?
- python环境变量配置_?Python项目读取配置的正确姿势