你是否看到过这样的代码:a=a||""; 可能javascript初学者会对此感到茫然。今天就跟大家分享一下我的一些心得。
其实:
a=a||"defaultValue";
与:
- if(!a){
-
a="defaultValue";
- }
if(!a){
a="defaultValue";
}
和:
- if(a==null||a==""||a==undefined){
-
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";
- }
if(!a){
a="defaultValue";
}
下面我们再来看“&&”、“||”两个表达式。
由于javascript是弱类型语言,所以在javascript中这两个表达式可能跟其他语言(比如java)中不太一样。
在javascript中,“&&”运算符运算法则如下:
如果&&左侧表达式的值为真值,则返回右侧表达式的值;否则返回左侧表达式的值。
这就是说:
- var i=""&&"真值";
-
i="真值"&&"其他真值";
-
i="真值"&&"";
var i=""&&"真值";//->i=""
i="真值"&&"其他真值";//->i="其他真值"
i="真值"&&"";//->i=""
“||”运算符的运算法则如下:
如果||左侧表达式的值为真值,则返回左侧表达式的值;否则返回右侧表达式的值。
这就是说:
- var 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 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)
分享到:
相关推荐
javascript 的灵活 运用 蛮简单的 希望大家喜欢
此外,JavaScript是一种解释性脚本语言,提供了比其他语言更加灵活、更加宽松的程序设计环境,程序设计新手在这种环境中能够很快适应。 《JavaScript权威指南》全面介绍了JavaScript语言的核心,以及Web浏览器中...
此外,JavaScript是一种解释性脚本语言,提供了比其他语言更加灵活、更加宽松的程序设计环境,程序设计新手在这种环境中能够很快适应。 <br> 《JavaScript权威指南》全面介绍了JavaScript语言的核心,以及Web...
此外,JavaScript是一种解释性脚本语言,提供了比其他语言更加灵活、更加宽松的程序设计环境,程序设计新手在这种环境中能够很快适应。 《JavaScript权威指南》全面介绍了JavaScript语言的核心,以及Web浏览器中...
此外,JavaScript是一种解释性脚本语言,提供了比其他语言更加灵活、更加宽松的程序设计环境,程序设计新手在这种环境中能够很快适应。 《JavaScript权威指南》全面介绍了JavaScript语言的核心,以及Web浏览器中实现...
JavaScript进阶必读。学习更高阶的使用JavaScript,避免语言的陷阱,灵活运用最佳实践。 适合中级及以上工程师参考。
JavaScript忍者禁术,是一套适合新手学习拔高JavaScript的语言学习代码教程,它的主要作用是帮助用户熟悉了解掌握各种基础的j代码,并灵活运用,让用户通过一步一逼的学习了解Java学习的全部分。
此外,JavaScript是一种解释性脚本语言,提供了比其他语言更加灵活、更加宽松的程序设计环境,程序设计新手在这种环境中能够很快适应。 《JavaScript权威指南》全面介绍了JavaScript语言的核心,以及Web浏览器中...
其次,CSS的灵活运用赋予了网站独特而引人注目的外观。通过CSS3的动画和过渡效果,成功增强了用户与页面的互动体验,使整个冬奥网站更富有活力。 JavaScript的运用则为用户提供了更强大的交互性。通过JavaScript...
仅仅只需掌握10几张就可以灵活运用HTML和JavaScript脚步,值得收藏……
JavaScript以其强大灵活的特点,被广泛运用于各种类型的网站上。一直以来都没怎么好好学JS,只是略懂皮毛,看这篇文章时有读《PHP圣经》的感觉,作者深入浅出、生动形象地用各种实例给我们分析了JavaScript的数据...
当涉及到 JavaScript 的逆向分析时,通常会涉及到反混淆(deobfuscation)技术,因为很多恶意代码或者保护代码都会被混淆以...深入探索这些领域,将有助于我们更好地理解和运用JavaScript编程,提升自身的反混淆能力。
介绍了如何利用Javascript在ASP中实现一些ASP不能完成的效果,使得ASP网页程序具有更好的灵活性,并通过示例逐步阐述Javascript与ASP的结合运用,编制具有特殊效果与功能的动态网页
列举了JavaScript中常用语句的使用技巧和一些方法的灵活运用,言简意赅,突出重点,也可作工具书查阅,是十分不错的学习资料,推荐给大家~~~~~
这里使用JavaScript给网页上按钮加入同时加入两个动作,一个是在文本框显示文字,另一个则是转向到某个网址,以往的按钮跳转都是单一的,这一个又在跳转时加入了将文字赋值给文本框的动作,搞懂了原理,就可以灵活...
工作中要求越多的是对 JavaScript 语言的深入学习,灵活运用,和对编码质量的保证。 对于熟悉 C/C++ 或 Java 语言的工程师来说,JavaScript 显得灵活,简单易懂,对代码的格式的要求也相对松散。很容易学习,并运用...
对于熟悉 C/C++ 或 Java 语言的工程师来说,JavaScript 显得灵活,简单易懂,对代码的格式的要求也相对松散。很容易学习,并运用到自己的代码中。也正因为这样,JavaScript 的编码规范也往往被轻视,开发过程中...
2. 能够综合、灵活地运用上述所学内容,设计一个具有一定特色的网站。 实验内容: 1. 综合、灵活地运用以下内容,设计一个具有一定特色的网站。 (1) HTML5; (2) CSS3 样式与网页布局; (3) JavaScript 脚本...
前言 由于工作和生活上的一些变化,最近写文章的...可能有人知道ES6中提供了新的数据结构 Set,但是能够灵活运用的人或许不多。利用Set数据结构我们能够轻松的去重一个数组,比如: let arr = [1, 2, 2, 3]; let set =