js中的變數和資料型別詳解

一、變數

　　js中的變數是一個抽象的概念，變數用來儲存值和代表值的。 js中定義一個變數非常的簡單：var 變數名= 變數值 

　　=是賦值運算，左邊是變數名，右邊是儲存的值

　　js中的變數是鬆散類型的：透過一個var變數名稱就可以儲存任何的資料型別

　　例如var name = '李四'

二、資料型別

　　1、基本資料類型：由簡單的結構組成

　　　　數字（number）、字串（string）、布林（boolean）、null、undefined

#　　2、引用資料型態：結構相對複雜的

　　　　物件資料型別（object）

　　　unc　資料型別（fftiontion)

三、資料型態詳解

　　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]"

　　　　　　邀 物件、先變差　〢為0），布林類型也轉換為數字（true是1，false是0），最後兩個數字比較

　　　　　　　　　　④、物件==數字，物件先轉換成字串（toString），然後在轉換成字串為數字（Number  ""變成0），最後兩個數字比較

　　　　　　　　　　⑤、數字==布爾，布爾轉化為數字，

#==#　　　　抓化成數字

　　　　　　　　　　⑦、字串==布爾，都轉換成數字

　　　　　　　 是　　　　　　　　⑨、null和undefined 等的資料型別比較都不相等

　　　　　　

3）、除了==是比較，===也是比較（絕對比較）

　　　　　　　　val1=資料　類型不相等，肯定不相等

　　　

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)//小李小李

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

　　　　　可以看一下下面的图：

　　　

　　　　　　基本数据类型和引用数据类型的本质区别: 基本数据类型操作的是值，引用数据类型操作得是对新空间的引用地址

　　　　　　基本数据类型是把值直接的给变量，接下来在操作的过程中，直接拿这个值操作的，可能两个变量存储一样的值，但是互不干扰，其中一个改变，另一个没有任何的影响。

　　　　　　引用数据类型:

　　　　　　　　1)、定义一个变量

　　　　　　　　2）、开辟一个新的空间，然后把属性名和属性值保存在这个空间中，并且有一个空间地址

　　　　　　　　3）、把空间的地址给了这个变量，变量并没有存储这个数值，而是存储的是对这个空间的引用

　　　　　　　　4）、接下来把这个地址，又告诉给了另外一个变量，另外一个变量存储的也是这个地址，此时两个变量操作的是同一个空间

　　　　　　　　5）、其中一个改变了空间的内容，另外一个也跟着改变了

　　　　5、检测数据类型的方式:typeof instanceof constructor  Object.prototype.toString.call()

　　　　　　typeof用来检测数据类型的：typeof 要检查的值

　　　　　　返回值:是一个字符串，包含了数据类型字符"number"、"string"、“boolean”、“undefined”、“object”、"function"

　　　　　　typeof null 的结果是“object”

　　　　　　typeof的局限性:不能具体检查object下细分的类型，检查这些返回的都是“object”

　　　　　　面试题:

　　　　　　　　console.log(typeof typeof typeof [])// "string"   出现两个以上的typeof   最终结果都是“string”

　　　　　　　　　　

　　　　　　

　　

　　　　

 

　　　　

　　　　　

以上是js中的變數和資料型別詳解的詳細內容。更多資訊請關注PHP中文網其他相關文章！