金沙官网线上:js短路运算符

在JS函数中我们经常会使用到短路运算符,主要是逻辑与(&&) 和 逻辑或(||)

JavaScript的数据类型

六种数据类型

  • 数值(Number):整数和消暑
  • 字符串(String):字符组成的文本("a"、'a')
  • 布尔值(Boolean):只有真(false)假(true)两个值
  • null:表示空值,此处的值为空
  • undefined:未赋值
  • 对象(Object):各种值的集合

其中数值、字符串、布尔值是原始数据类型,它们是最基本的数据类型;对象是合成数据类型,是有多个原始数据类型和成,是一个存放各种值的容器,对象可分为三个子类型:狭义对象(Object)、数组(array)、函数(function);undefined和null是两个特殊的值

1、逻辑与 && 的运算方式

typeof和instanceof

typeof用于返回一个数据的原始数据类型
数值:typeof 1 // "number"
字符串: typeof '1' // "string"
布尔: typeof true // "boolean"
函数:返回function
undefined:返回undefined
上述可以看出判断一个变量类型可以使用typeof
var a = xxx
if(typeof a === "number"){console.log(a)}

Window/{ }/[ ]/null 都返回 object
null返回object是一个历史bug,本质上是一个类似于undefined的特殊值
因为typeof对 { }和[ ]都返回object所以要用instanceof去分辨
{} instanceof Array // false
[] instanceof Array // true

var a = 5 && 6;

console.log(a); //返回的结果为 6

NaN

Not a Number 它不是一种独立的数据类型,而是一个特殊的数值,它的数据类型属于number,可以理解为不是一个数字的数字 它和任何包括其自己本身都不相等(===)

如果逻辑与运算符左边的值布尔转换后为true,那么返回右边的值(不管右边的值是真还是假)。

非数值转化为数值

Number():将字符串转化为数值但是字符串必须都是数字
parseInt(): 将字符串转为整数,如果字符串头部有空格,空格会被自动去除;如果参数不是字符串,则会先转为字符串再转换;字符串转为整数的时候,是一个个字符依次转换,如果遇到不能转为数字的字符,就不再进行下去,返回已经转好的部分;如果字符串的第一个字符不能转化为数字(后面跟着数字的正负号除外),返回NaN;注意开头是否为进制的开头;并且运行转换为数值时可以有第二个参数:parseInt('1000', 2) // 8 此时注意进制的规则
parseFloat():将字符串转化为浮点数,规则同parseInt,但是true/null/空字符串时 Number为数值,它为NaN

var a = false && 6;

console.log(a); //返回的结果为 false

==和===

===时严格意义的相对,且不会再比较时进行数据类型转换,NaN===NaN //false
==为值相等,比较时会转换数据类型

  • 如果两个值类型相同,则执行严格相等的运算
  • 如果两个值的类型不同
  • 如果一个是null,一个是undefined,那么相等
  • 如果一个是数字,一个是字符串,先将字符串转为数字,然后比较
  • 如果一个值是true/false则将其转为1/0比较
  • 如果一个值是对象,一个是数字或字符串,则尝试使用valueOf和toString转换后比较
  • 其它不相等

如果逻辑与运算符左边的值布尔转换后为false,那么返回左边的值,但是当逻辑与的左边为 null/NaN/undefined ,结果就会得到null/NaN/undefined。

break和continue

break 用于强制退出循环体,执行循环后面的语句
continue 用于退出本次循环,执行下次循环
也可以配合label使用跳出label标记的循环体或本次循环

 

void 0 和 undefined

void 会执行后面的表达式并返回 undefined,但是某些情境下undefined可以被赋值,比如函数中,这样就不能用undefined来进行判断了。所以用void 0返回undefined来进行判断。既减少了在原形链上查找 window.undefined 的时间,也避免了误用被修改过的 undefined。

console.log(1+1);//输出2,两个数字加法运算
console.log("2"+"4");//输出'24',两个字符串类型的做字符串拼接
console.log(2+"4");//输出'24',一个是数字一个是字符串,数字转化为字符串后拼接
console.log(+"4");//输出4,只有一个字符串会转换成数字输出

var a = 1;
a+++a; //输出3,理解为(a++)+ a,++运算符比+运算优先级更高,a++结果为1,a变成了2,所以结果为1+2=3。
typeof a+2;//输出"number2",typeof的优先级高于+运算,所以输出字符串number,字符串与数字相加时,数字转换为字符串,然后字符串拼接就变成"number2"

var a = 1;
var b = 3;
console.log( a+++b );//输出4,(a++)+b

数组的便利
var arr = [3,4,5]
for (var i = 0; i < arr.length; i++){console.log(arr[i]*arr[i])}

for...in的便利

var obj = {
name: 'hunger',
sex: 'male',
age: 28
}
for(var key in obj){console.log(key+":"+obj[key])}

var a = 1, b = 2, c = 3;
var val = typeof a + b || c >0
console.log(val)
((typeof a )+ b)
typeof优先级高所以左边为"number2",短路或左边为true则为true右边不执行,将"number2"赋值给val

var d = 5;
var data = d ==5 && console.log('bb')
console.log(data)
(d ==5 )&& console.log('bb')
d==5为true,执行右边打印bb,&&返回第一个布尔值为false的值如果没有,则返回最后一个,右边的值为undefined

var data2 = d = 0 || console.log('haha')
console.log(data2)
0为false则执行右边打印haha并返回undefined赋给d,d为undefined赋给data2

var x = !!"Hello" + (!"world", !!"from here!!");
console.log(x)
false为0,treu为1 ,逗号运算符返还后面的值所以为2

&& 返回第一个 布尔值为false 的值 如果没有 则返回最后一个
|| 返回第一个 布尔值为 true 的值 如果没有 则返回最后一个

2、逻辑或 || 的运算方式

本文由金沙官网线上发布于Web前端,转载请注明出处:金沙官网线上:js短路运算符

您可能还会对下面的文章感兴趣: