js数据类型

1 基本数据类型

数字(number)

字符串(string)

布尔(boolean)

null

undefined

2 引用数据类型

 ● 对象数据类型（object）：{}、[]、正则表达式

对象类（Object）

数组类（Array）

正则类（RegExp）

时间类（Date）

字符串类（String）

布尔类（Boolean）

Math。。。

 ●  函数数据类型（function）

3.基本数据类型详解

◆ number:NaN,isNaN()

NaN == NaN   //false

◎ isNaN(): 

如果检测的值不是number类型的，浏览器会默认的把它强制转化成number类型，然后再判断是否为有效的数字。

Console.log(isNaN(“123”))

首先把“123”转化成number类型的Number==》Number(“123”)

Number():强制将其他的数据类型转化为number类型的

要求：

如果是字符串，字符串中一定都是数字才可以转化

Console.log(Number(“12px”));     //NaN

 

例如：

var val = Number("12px");

if(val ==12){

  console.log(12);

}else if(val == NaN){

  console.log(NaN);

} else {

 console.log("以上都不成立");

}                                  //以上都不成立

◎ parseInt()、parseFloat():非强制转化

4.引用数据类型详解

类是对对象的具体细分，实例是类中的一个具体的事物

 

删除属性名和属性值：

Obj.age = null;   //假删除

Delete obj.age;   //真删除

5 数据类型比较

5.1  基本数据类型比较

   字符串，数字，布尔都转化为数字，再进行比较

   null == undefined

   null或undefined和其他任何的数据类型比较都不相等

5.2 对象和数字比较

对象先转化为字符串，然后把字符串再转化为数字

6 检测数据类型

● typeof:"number"、"boolean"、"string"、"undefined"、"function"、"object"（{}、[]、/^$/）

● instanceof

这个对象是否是这个特定类或者是它的子类的一个实例

object instanceof class

● constructor

● Object.prototype.toString.call()

 7. null和undefined 区别

null：空对象指针->没有具体的值->一般都是我们手动设置初始的值为null，后期的话会给其赋值
undefined：未定义->连东西都没有->一般都是浏览器默认的值

null和undefined都代表没有，但是null是属性存在但是值不存在，undefined是连这个属性都不存在

7.1 null

1.我们设定一个变量，后期需要使用，那么前期我们设置默认值为null
var timer = null;
function move(){
window.clearTimeout(timer);
<js code>
timer = window.setTimeout(move,1000);
}
move();

2.在js内存释放中，我们想释放一个堆内存，就让其值变为null即可
 var obj = {name:"abc"};
 obj = null; //刚开始开辟的这个堆内存没有被占用，浏览器会在空闲的时候把它销毁掉

3.我们通过DOM中提供的属性和方法获取页面中的某一个元素标签

如果当前这个标签不存在，获取的结果是null，而不是undefined
document.getElementById("div1"); //如果页面中没有#div1，获取的结果就是null

4.在正则的exec/字符串的match捕获中

如果当前要捕获的字符串和正则不匹配的话，捕获到的结果为null；
var reg = /\d+?/g;
var str = "abc";
reg.exec(str); //null
str.match(reg); //null

7.2 undefined

1.在js预解释的时候，只声明未定义，默认的值是undefined
console.log(num); //undefined
var num = 13;
2.在一个函数中，如果没有写return，或者return后啥都没返回，默认的返回值是undefined
function fn(){}
var res = fn();
console.log(res); //undefined

3.函数中设置了形参，但是执行的时候如果没有传递参数值，那么形参默认值是undefined
function fn(a,b,c){
a->10
b->20
c->undefined ->arguments[2]=30:让形参c的值变为30
因为在非严格模式下我们的arguments和形参存在映射关系，但是在严格模式("use strict")中不存在映射关系，改变的话互不影响。
}
fn(10,20);


4.获取一个对象的属性名对象的属性值，如果当前的这个属性名不存在的话，属性值默认是undefined
var obj = {};
console.log(obj.name); //undefined
->我们也应用这个道理来检测当前的浏览器是否兼容某一个方法
window.getComputedStyle ->获取当前元素经过浏览器计算过的样式
在谷歌中：我们获取的结果是function getComputedStyle(){[native code]}
在ie6~8中：我们获取的结果是undefined，因为在这个浏览器中不兼容getComputedStyle


function getCss(curEle,attr){
var val = null,reg = null;
if(window.getComputedStyle){
//兼容
val = window.getComputedStyle(curEle,null)[attr];
} else {
//不兼容
if(attr === "opacity"){
val = curEle.currentStyle["filter"]; //'alpha(opacity=12,345)'
reg = /^alpha\(opacity=(\d+(?:\.\d+)?)\)$/;
val = reg.test(val)?reg.exec(val)[1]/100:1;
} else {
val = curEle.currentStyle[attr];
}
}
reg = /^-?\d+(\.\d)?(px|pt|em|rem)?$/;
return reg.test(val)?parseFloat(val):val;
}