js中的变量和数据类型详解-js教程-PHP中文网

js中的变量和数据类型详解

PHP中文网

发布： 2017-06-20 09:20:12

原创

1140人浏览过

一、变量

　　js中的变量是一个抽象的概念，变量用来存储值和代表值的。 js中定义一个变量非常的简单：var 变量名 = 变量值

　　=是赋值操作，左边是变量名，右边是存储的值

　　js中的变量是松散类型的：通过一个var变量名就可以存储任何的数据类型

　　例如 var name = '李四'

二、数据类型

　　1、基本数据类型：由简单的结构组成

　　　　数字（number）、字符串（string）、布尔（boolean）、null、undefined

　　2、引用数据类型：结构相对复杂一些的

　　　　对象数据类型（object）

　　　　函数数据类型（function）

三、数据类型详解

　　1、Number：正数、负数、0、小数 NaN(不是一个有效数字，但是属于number数据类型的)

　　　　NaN==NaN //false 不相等

　　　　var num = 12 //=是赋值 ==是判断左右两边的值是否相等

　　　　isNaN();检测一个值不是有效数字的命题是否成立，是有效数字返回false，不是有效数字返回的才是true

　　　　如果检测的值不是number类型的，浏览器会默认的把他转化成number

　　　　Number():强制将其他的数据类型转化为number类型，要求如果是字符串，字符串中一定都需要是数字才可以转化

　　　　例如：Number('12')==>12 Number('12px')==>NaN

　　　　非强制数据类型转换 parseInt/parseFloat:

　　　　parseInt:从左到右，一个个字符查找，把是数字的转化成有效的数字，中途如果遇到一个非有效数字，就不再继续查找了

　　　　parseFloat：和上面一个，可以多识别一个小数点

　　面试题：　　　

var val  = Number('12px');if(val==12){
    console.log(12)
}else if(val==NaN){
    console.log(NaN)
}else{
    console.log('以上都不成立')//输出这个
}

登录后复制

　　2、boolean：true false

　　　　！：一个叹号是取反，首先将值转化成布尔类型的，然后在取反

　　　　　　console.log(!3)//先把3转化成boolean，然后在取反

　　　　！！:将其他的数据类型转化为boolean类型，相当于Boolean()

　　　　数据类型转换的规则:

　　　　　　1)、如果只有一个值，判断这个值是真还是假，遵循:只有 0 NaN " " null undefined 这五个是假的其余的都是真

　　　　　　2)、如果是两个值比较是否相等

　　　　　　　　val1==val2 两个值可能不是同一个数据类型的，如果是==比较的话，会进行默认的数据类型转化

　　　　　　　　　　①、对象==对象，永远不相等

　　　　　　　　　　②、对象==字符串，先将对象转化成字符串（调用toString的方法），然后再进行比较

　　　　　　　　　　　　[]转化成字符串""

　　　　　　　　　　　　{}转化成字符串"[object,object]"

　　　　　　　　　　③、对象==布尔类型，对象先转化成字符串（toString），然后在转化为数字（Number ""变为0），布尔类型也转化为数字（true是1，false是0），最后两个数字比较

　　　　　　　　　　④、对象==数字，对象先转化成字符串（toString），然后在转化为数字（Number ""变为0），最后两个数字比较

　　　　　　　　　　⑤、数字==布尔，布尔转化为数字，

　　　　　　　　　　⑥、数字==字符串，字符串抓化成数字

　　　　　　　　　　⑦、字符串==布尔，都转化成数字

　　　　　　　　　　⑧、null==undefined 结果是true

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

　　　　　　3）、除了==是比较，===也是比较（绝对比较）

　　　　　　　　val1===val2 如果数据类型不相等，肯定不相等

　　　3、对象数据类型（由多组[属性名和属性值]组成，多组键值对组成，由多个key:value。属性名和属性值是用来描述这个对象特征的）

　　　　例如：字面量创建方式实例创建的方式　

 personInfo ="小李"28"60kg"

登录后复制

　　　　对象数据类型中，还可以具体的细分: 对象类（Object），数组类（Array），正则类（RegExp），时间类(Date)，字符串类（String），布尔类（Boolean），Math数学函数...等对应的实例:对象、数组、正则、时间...

　　　　js中对象、类、实例的区别:对象是泛指，js中万物皆对象，类是对对象的具体的细分，实例是类中的一个具体的事物

　　　　举例:自然界中万物皆对象，所有的东西可以分为人类、植物类、动物类、物体类，每一个人都是人类中的一个具体的实例

　　　4、基本数据类型和引用数据类型的区别

　　　　　面试题:　　　

var num1 = 12;var num2 = num1;//把num1代表的值给了num2变量num2++//等于num2 = num2+1  也可以写成num2+=1console.log(num2);//13console.log(num1);//12var obj1 = {name:"小李"};var obj2 = obj1;
obj2.name = '小李小李';
console.log(obj1.name)//小李小李console.log(obj2.name)//小李小李

登录后复制

　　　　　总结:基本数据类型没有跟着改变，引用数据类型跟着改变了

　　　　　可以看一下下面的图：