js中的 || 与 && 运算符详解
js中逻辑运算符在开发中可以算是比较常见的运算符了，主要有三种：逻辑与&&、逻辑或||和逻辑非！。
当&&和|| 连接语句时，两边的语句会转化为布尔类型（Boolean），然后再进行运算，具体的运算规则如下：
1.&&
1.1两边条件都为true时，结果才为true；
1.2如果有一个为false，结果就为false；
1.3当第一个条件为false时，就不再判断后面的条件
注意：当数值参与逻辑与运算时，结果为true，那么会返回的会是第二个为真的值；如果结果为false，返回的会是第一个为假的值。
2.||
2.1只要有一个条件为true时，结果就为true；
2.2当两个条件都为false时，结果才为false；
2.3当一个条件为true时，后面的条件不再判断
注意：当数值参与逻辑或运算时，结果为true，会返回第一个为真的值；如果结果为false，会返回第二个为假的值；
3.！
3.1当条件为false时，结果为true；反之亦然。
上代码说明：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>demo</title>
<script>
console.log( 5 && 4 );//当结果为真时，返回第二个为真的值4
console.log( 0 && 4 );//当结果为假时，返回第一个为假的值0
console.log( 5 || 4 );//当结果为真时，返回第一个为真的值5
console.log( 0 || 0 );//当结果为假时，返回第二个为假的值0
console.log((3||2)&&(5||0));//5
console.log(!5);//false
</script>
</head>
<body>
</body>
</html>
补充：逻辑与的优先级是高于逻辑或的；
比如console.log(3||2&&5||0),会先算2&&5的值为5，然后再3||5----3，最后再3||0----3，所以最终结果为3.
补充
表达式a && 表达式b : 计算表达式a（也可以是函数）的运算结果，
如果为 True, 执行表达式b（或函数），并返回b的结果；
如果为 False，返回a的结果；
表达式a || 表达式b : 计算表达式a（也可以是函数）的运算结果，
如果为 Fasle, 执行表达式b（或函数），并返回b的结果；
如果为 True，返回a的结果；
转换规则:
对象为true；
非零数字为true；
零为false;
非空字符串为true；
空字符串为法false;
其他为false；
例如：
var a = obj || " " ; //如果 obj 为空，a就赋值为 " " ；
var a = check() && do(); //如果check()返回为真，就执行do()，并将结果赋值给 a;
其他网友的补充
今天复习js继承的时候发现了一个问题，先上代码了
<script type="text/javascript">
window.onload = function () {
var mama,
mama1,
test = function (name) {
debugger;
this.name = name || 'mama';
};
debugger;
mama = new test();
mama1 = new test("mama1");
alert(mama.name);//name = mama
alert(mama1.name);// name = mama1
}
</script>
在执行构造函数的时候，无参的构造函数返回的name是'mama'，有参数时，实例的name就是参数值了。
这个时候我就有点犯迷糊了，为什么逻辑运算符||能这么用呢？
由于是C#出身，所以对js ||这样用感觉很奇怪。
没辙，不懂先研究，实验实验就知道了。
var b, c, d; b = true || 0;//b=true; c = false || 0;//c=0; d = 1 || 0;//d=1;
换成别的呢？
var b, c, d;
b = 1-1 || 1+1; //b=2
c = function () { return undefined } || function () { return 1};//c=function();
d = c();//d=undefined
var b, c, d;
b = 1-1 || 1+1; //b=2
c = function () { return 1 } || function () { return undefined};//c=function();
d = c();//d=1
b = {} || { a: 1, getA: function () { return this.a}}; //b=object
var b, c, d;
b = { a: 1, getA: function () { return this.a } } || {}; //b=object
c = b.getA();//c=1;
通过这几个实验，可以看出，JS的||并不是像C#里面的||一样 单纯的返回一个布尔类型。
大家都知道js的布尔类型判定是对象是true，非零是true，非空字符串是true其余的都是false
由此得出
逻辑或 || ： var a = 表达式1 || 表达式2
表达式1 表达式2 a取值
1 0 表达式1结果值
1 1 表达式1结果值
0 1 表达式2结果值
0 0 表达式2结果值
逻辑与 && ： var a = 表达式1 && 表达式2
表达式1 表达式2 a取值
1 0 表达式2结果值
1 1 表达式2结果值
0 1 表达式1结果值
0 0 表达式1结果值
主要原因是因为短路，逻辑或 || 在前面有一个ture的时候则不看后面直接停止，逻辑与&&同理。
然后计算赋值和我们平时一样之获取最新的一次计算结果值。
例如
b = (1 + 1, 2 + 2, 3 + 3);//b=6;
嘛嘛，当然只是猜测。
以上仅供参考。萌新一只，望各位大佬轻批。
相关推荐
-
js 与或运算符 || && 妙用
首先出个题:如图: 假设对成长速度显示规定如下: 成长速度为5显示1个箭头: 成长速度为10显示2个箭头: 成长速度为12显示3个箭头: 成长速度为15显示4个箭头: 其他都显示都显示0各箭头. 用代码怎么实现? 差一点的if,else: Js代码 复制代码 代码如下: var add_level = 0; if(add_step == 5){ add_level = 1; } else if(add_step == 10){ add_level = 2; } else if(add_step
-
Javascript 按位与运算符 (&)使用介绍
复制代码 代码如下: result = [整数1] & [整数1] & 对两个 32 位表达式的每一个位执行按位"与"运算. 如果两个位均为 1,则结果是 1. 否则,结果为 0. 位1 位2 位与 0 0 0 1 1 1 0 1 0 1 0 0下面的示例演示如何使用 & 位与运算符和 &= 按位与赋值运算符: 复制代码 代码如下: // 9 二进制是 1001,补足32位为 00000000000000000000000000001001 var ex
-
Javascript 按位与赋值运算符 (&=)使用介绍
Javascript 按位与赋值运算符 (&=),对变量值与表达式值设置按位"与"运算的结果. 变量和表达式均被视为 32 位二进制值,而一般表达式里面都是十进制整数,此时需要先转换成对应的二进制,然后向前加0,补足32位. 复制代码 代码如下: result &= [整数2]等价于result = result & [整数2] & 对两个 32 位表达式的每一个位执行按位"与"运算. 如果两个位均为 1,则结果是 1. 否则,结果为
-
利用JScript中运算符"||"和"&&"的特殊特性实现代码精简第1/2页
在JScript的众多运算符里,提供了三个逻辑运算符&&.||和!,噢?! 是高级语言都提供的.按我们对逻辑运算的正常认识,逻辑运算的结果因该是ture或者false.但是JScript的逻辑运算却不完全是这么定义的,这里只有!运算符总是返回true|false,而||和&&运算比较的好玩. JScript对于逻辑运算的true|false是这么定义的: 所有对象都被认为是 true. 字符串当且仅当为空(""或'')时才被认为是 false. null
-
js中的 || 与 && 运算符详解
js中逻辑运算符在开发中可以算是比较常见的运算符了,主要有三种:逻辑与&&.逻辑或||和逻辑非!. 当&&和|| 连接语句时,两边的语句会转化为布尔类型(Boolean),然后再进行运算,具体的运算规则如下: 1.&& 1.1两边条件都为true时,结果才为true: 1.2如果有一个为false,结果就为false: 1.3当第一个条件为false时,就不再判断后面的条件 注意:当数值参与逻辑与运算时,结果为true,那么会返回的会是第二个为真的值:如果结
-
JS中多种方式创建对象详解
1.内置对象创建 var girl=new Object(); girl.name='hxl'; console.log(typeof girl); 2.工厂模式,寄生构造函数模式 function Person(name){ var p=new Object();//内部进行实例化 p.name=name; p.say=function(){ console.log('my name is '+ p.name); } return p;//注:一定要返回 } var girl=Person('
-
JavaScript知识点总结(十一)之js中的Object类详解
JavaScript中的Object对象,是JS中所有对象的基类,也就是说JS中的所有对象都是由Object对象衍生的.Object对象主要用于将任意数据封装成对象形式. 一.Object类介绍 Object类是所有JavaScript类的基类(父类),提供了一种创建自定义对象的简单方式,不再需要程序员定义构造函数. 二.Object类主要属性 1.constructor:对象的构造函数. 2.prototype:获得类的prototype对象,static性质. 三.Object类主要方法 1
-
JS中Attr的用法详解
具体代码如下所示: <script type="text/javascript" src="js/jquery-1.8.0.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("#btn").click(function(){ //使用attr(name)获取属性值: alert(
-
在Node.js中使用Javascript Generators详解
Generators是Javascript的一种协同程序( coroutine 简称:协程)风格,是指那些可以在执行时暂停然后又恢复的函数,该函数是在functi配以星号符号形式如function* ,函数内有些特征关键词如yield 和yield*. function* generatorFn () { console.log('look ma I was suspended') } var generator = generatorFn() // [1] setTimeout(functio
-
HashMap源码中的位运算符&详解
引言 最近在读HashMap源码的时候,发现在很多运算符替代常规运算符的现象.比如说用hash & (table.length-1) 来替代取模运算hash&(table.length):用if((e.hash & oldCap) == 0)判断扩容后元素的位置等等. 1.取模运算符%底层原理 总所周知,位运算&直接对二进制进行运算:而对于取模运算符%:a % b 相当于 a - a / b * b,底层实际上是除法器,究其根源也是由底层的减法和加法共同完成.所以其运行效
-
js中getBoundingClientRect( )方法案例详解
一.getBoundingClientRect() 解析 getBoundingClientRect() 方法返回元素的大小及其相对于视口的位置. 语法 rectObject = object.getBoundingClientRect(); 值 rectObject.top:元素上边到视窗上边的距离; rectObject.right:元素右边到视窗左边的距离; rectObject.bottom:元素下边到视窗上边的距离; rectObject.left:元素左边到视窗左边的距离; rect
-
Python3中的算术运算符详解
目录 一·算术运算符 二·代码演示 1·求和 + 2·取差 - 3·相乘 * 4·相除 / 5·取余 % 6·幂运算 ** 7·整除 // 8·优先级混合运算 三·'+'与'*'在序列中的使用 1·拼接合并 + 2·复制 * 一·算术运算符 在python中,算术运算符与数学中的算术运算极为类似,只是有些运算符号有所差别.算术运算符的算术计算一般是运用于int类型与floa类型,同时+与*还可以运用到各种序列的拼接合并与复制中. 优先级:有括号先算括号内的,再乘方>乘除>整除>取余>
-
js中基础的数据类型详解
目录 六种数据类 1.String 2.Number 3.Boolean 4.Null和undefined 5.强制类型转换 6.将其他的数据类型转换为Number 7.将其他的数据类型转换为Boolean 总结 六种数据类 数据类型指的是字面类型 在JS中有六种数据类型 String 字符串 Number 数值 Boolean 布尔值 Null 空值 Undefined 未定义 Object 对象 其中String.Number.Boolean.Null.Undefined 属于基本数据类型
-
Angular.JS中的this指向详解
[this详解] 1.谁最终调用函数,this指向谁. ① this指向的,永远只可能是对象!!!!!! ② this指向谁,永远不取决于this写在哪!!而是取决于函数在哪调用. ③ this指向的对象,我们称之为函数的上下文context,也叫函数的调用者 2.※※※※※this指向的规律(与函数调用的方式息息相关): this指向的情况,取决于函数调用的方式有哪些: ① 通过函数名()直接调用:this指向window ② 通过对象.函数名()调用的:this指向这个对象 ③ 函数作为数组