JavaScript基础篇详解

Posted 2020-09-09

全部的数据类型：
　　基本数据类型：
　　　　undefined
　　　　Number
　　　　Boolean
　　　　null
　　　　String
　　复杂数据类型：
　　　　object

 

 

①Undefined：
>>>声明但未初始化的变量：typeof -> undefined
　　　　　　　　　　　　　 　aler -> undefined
　　 未声明变量： 　　　　  typeof -> undefined
　　　　　　　　　　　　　　alert -> 报错

 

②Null：
　　>>>typeof值为null的变量返回object
　　>>>undefined派生自null，undefined==null返回true；

 

③Boolean：
　　>>>Boolean()函数：
　　　　1.Boolean：ture false
　　　　2.String：非空字符串都为真，空字符串为假
　　　　3.Number：0为假，一切非0均为真
　　　　4.null/NaN/undefined：全为假
　　　　5.object：null为假，其他全为真

 

④Number：
>>>NaN：与任何值都不相等，包括NaN
>>>isNaN():
　　1.纯数字字符串：false
　　2.浮点型数字字符串：false
　　3.包含字母等其他字符的字符串：true
　　4.空字符串：false
　　5.bool类型，false
　　6.Null类型：false
　　7.undefined：true

 

>>>Number():将其他类型转换为数值类型
　　[字符串类型转数值]
　　>>>字符串为纯数值字符串时，会转为对应的数值
　　>>>字符串为空字符串时，会转为0 ""-> 0
　　>>>字符串包含其它非数字字符时，不能转换"111a"->NaN
　　>>>浮点型数字字符串，转为对应浮点数

　　[Boolean转数值]
　　true->1 false->0

　　[null/undefined转数值]
　　null ->0 undefined的变量 ->NaN

　　[object类型转数值]
　　会先调用valueOf函数确定函数是否有返回值，再根据上述情况转换返回值

 

>>>parseInt():将其他类型转为浮点数数值类型
　　　　[将字符串转化为数值类型]
原理：   1.忽略空格找到第一个非空格字符，如果不是数字或者负号返回NaN，所以空字符串为NaN(Number()返回0)
　　　　2.直到解析到结束，或遇到非数字字符(小数点是非数字字符)
　　　　3.返回所有被解析成功的字符。
　　　　>>>空字符串， 不能转：结果为NaN！！！
　　　　>>>纯数字字符串 能转 "123" ->123
　　　　>>>浮点型数字字符串："123.5"->123
　　　　>>>包含其他字符的字符串，会截取第一个非数值字符前的数字部分
　　　　　　　　"123a456"->123
　　　　　　　　"a123a456"->NaN
　　　　>>>parseInt()只能转string和number类型，Boolean/null/undefined均为NaN
　　　　>>>number类型的浮点型转为整数型，整数型不变

 

>>>parseFloat():
原理：　1.忽略空格找到第一个非空格字符，如果不是数字或者负号返回NaN，所以空字符串为NaN(Number()返回0)
　　　　2.直到解析到结束，或遇到非数字字符(小数点是非数字字符)
　　　　3.返回所有被解析成功的字符。
　　　　[将字符串转为数值]
　　　　>>>使用方式同parseInt()，但是，转化小数字符串时，保留小数点。
　　　　[传进来的参数为number]
　　　　>>>number类型，浮点型不变，整型返回整型。

 

⑤String：
　　[将其他类型转为字符串方法]
　　①number，bool，object调用使用toString()方法；num.toString();
　　②null，undefined没有toString()方法，使用String()函数：String(value);
　　③让一个空字符串加此变量 -> ‘‘+value

⑥Object：

 

操作符：
　　①自增++，自减--操作符：
　　　　>>>对于非数值操作数也是先使用Number()函数进行类型转换，在执行+1-1操作
　　　　1.字符串：可转，转为数字，然后+1，字符串变量变为数值变量。
　　　　　　　　   不可转，将变量值设为NaN，字符串变量变为数值变量。
　　　　2.布尔值：true -> 1 然后加减1
　　　　　　　　   false -> 0 然后加减1
　　　　3.数值型：浮点型和整型直接加减1

 

　　②一元加、减操作符
　　　　>>>在非数值前使用上述两个操作符，规则与Number()相同。
　　　　>>>一元减操作符会将数值变为负

 

　　③布尔操作符：一共有三个 非 ! 与&& 或||
　　　　>>>逻辑非：它应用于任何数据类型，返回值均为布尔类型。
　　　　　　　　　　 它首先将操作数转换为一个布尔值，然后求反。
　　　　　　>>>规则如下：
　　　　　　　　1.对象 -> false
　　　　　　　　2.字符串：空字符串 -> true
　　　　　　　　　　　  　非空字符串 -> false
　　　　　　　　3.数值 0 -> true
　　　　　　　　　　　非0数值 -> false
　　　　　　　　4.null/NaN/undefined -> true
　　　　　　>>>同时使用两个逻辑非操作符，等同于使用Boolean()

　　　　>>>逻辑与：它可以应用于任何类型的操作数。
　　　　　　　　　　 当有一个操作数不是布尔类型，返回值不一定是布尔值。
　　　　　　>>>规则如下：
　　　　　　　　1.如果第一个操作数是对象，返回第二个操作数。
　　　　　　　　2.如果第二个操作数是对象，只有在第一个操作数求值结果true的情况下，才会返回该对象。
　　　　　　　　3.如果两个操作数都是对象，返回第二个操作数。
　　　　　　　　4.如果有一个操作数是null/NaN/undefined，返回null/NaN/undefined.
　　　　　　>>>逻辑与操作是短路操作：
　　　　　　　　只要遇到结果为false的操作数，无论后面是什么，都将不在求值，直接返回false。

　　　　>>>逻辑或：它可以应用于任何类型的操作数。
　　　　　　　　　　 当有一个操作数不是布尔类型，返回值不一定是布尔值。
　　　　　　>>>规则如下：
　　　　　　　　1.如果第一个操作数是对象，返回第一个操作数。
　　　　　　　　2.如果第一个操作数的求值结果为false，返回第二个操作数。
　　　　　　　　3.两个操作数都是对象，返回第一个操作数。
　　　　　　　　　4.如果两个操作数都是null/NaN/undefined，返回null/NaN/undefined.
　　　　　　>>>逻辑与操作是短路操作：
　　　　　　　　只要遇到结果为true的操作数，无论后面是什么，都将不在求值，直接返回true。


　　　　typeof操作符：
　　　　　　①未定义->undefined
　　　　　　②字符串->string
　　　　　　③true/false->boolean
　　　　　　④数值->number
　　　　　　⑤函数->function
　　　　　　⑥对象/null->object
　　　　　　>>>相比于数据类型，少了null，多了function
　　　　　　>>>在ECMAScript中，函数是对象，不是一种数据类型。
　　　　　　　　然而函数有一些特殊的属性，因此通过typeof操作符区分函数和对象还是有必要的。
　　　　　　>>>对声明但未初始化和未声明的变量进行typeof操作结果都为undefined
　　　　　　　　 但是alert未初始化返回undefined
　　　　　　　　　　 alert未定义会报错。