JavaScript——變量與基本數據類型


前言

JavaScript中的變量為松散類型,所謂松散類型就是指當一個變量被申明出來就可以保存任意類型的值,就是不像SQL一樣申明某個鍵值為int就只能保存整型數值,申明varchar只能保存字符串。一個變量所保存值的類型也可以改變,這在JavaScript中是完全有效的,只是不推薦。相比較於將變量理解為“盒子“,《JavaScript編程精解》中提到應該將變量理解為“觸手”,它不保存值,而是抓取值。這一點在當變量保存引用類型值時更加明顯。

JavaScript中變量可能包含兩種不同的數據類型的值:基本類型引用類型。基本類型是指簡單的數據段,而引用類型指那些可能包含多個值的對象。本文主要介紹基本數據類型及其特點。

基本類型包括:NullUndefinedNumberStringBoolean。引用類型主要包括:ObjectArrayDateRegExpFunction

接下來主要介紹五種基本類型。引用類型本菜希望在以后的博文中與大家交流。

申明

JavaScript中申明變量通過var操作符,申明的變量會成為其所在作用域內的局部變量,意思就是在全局申明的變量就是通常所說的全局變量,在函數內申明的變量就是以該函數為作用域的局部變量,局部變量會在函數執行完畢后被銷毀,未通過var操作符申明的變量會默認為全局變量。需要一次申明多個變量時可以通過單var操作符的方式,代碼會更加簡潔。

var name = 'susan',
    age = '23',
    sex = 'female';

typeof操作符

在介紹基本類型值之前,先說下typeof操作符,typeof操作符會返回數據類型的字符串表示。用它來檢測基本數據類型比較有效率,而檢測引用類型時通常用instanceof操作符。

typeof undefined; //undefined
typeof 2015; //number
typeof false; //boolean
typeof null; //object
typeof 'abc'; //string
typeof {a:1}; //object

這里有一點不同的是,typeof在對null進行檢測時會返回字符串“object”,因為在JavaScript中null被當作空對象指針,這一點在Douglas的《JavaScript語言精粹》也被吐槽過,不過了解下就可以了。

Undefined類型

Undefined類型只有一個特殊值即undefiend。所有未初始化的變量均會保存該值。

var aa;
alert(aa); //undefined

 這里要注意一點,undefined與未定義的變量不同,如果在代碼中調用某個未定義(申明)的變量,解析器會提示如下信息。

 

意為這個變量沒有被申明過,查找的方式是通過沿作用域鏈向上搜索,如果在全局環境中都沒有找到該變量的申明則拋出錯誤,這部分內容本菜以后和大家討論。

Null類型

Null類型同樣也只包含一個值即null,從邏輯上看它被當作空對象指針,正是由於這個特性,如果你定義某個變量時不確定當前賦何值,但未來需要賦某個object類型值時,正確的方式就是將該變量初始化為null。

這里提一句,在對null與undefined進行==比較時,會返回true,據《JavaScript高級程序設計》說,undefined派生自null,所以ECMA-262規定它倆相等性操作為true。

Boolean類型

Boolean俗稱布爾,僅包括兩個值:true和false。這里有一個Boolean()轉型函數,它可以對任意類型的值使用,作用就是將其它類型值轉換為布爾型。轉換規則主要如下。

String型:非空字符串-true,空字符串("")-false

Number型:任何非0數-true,0與NaN-false

Object型:任何對象-true,null-false

Undefined型:false

但並非使用該轉型函數才會使數據類型轉換,當遇到if語句時會對數據進行自動的類型轉換。自動類型轉換有其優點也有弊端,這里不再擴展。重要的是通過Boolean轉型函數理解轉換規則,以便在編碼中使用。

這里舉個非常簡單的例子:在某個app中需要通過檢測本地是否緩存了用戶ID來判斷需不需要登錄操作。

if (!localStorage['memberId']) {
   //登陸操作    
}

這里當本地沒有用戶ID時,localStorage值為undefined,轉換后為false值,非運算后為true,執行登錄操作。而不需要寫成localStorage['memberId'] === undefined等等。

Number類型

JavaScript中的Number類型支持十進制、八進制以及十六進制的數值。關於浮點型的數值這里有幾點要注意,在JavaScript中,0.1與.1相同,但是這種省略的寫法是不推薦的。由於保存浮點型所需的內存是整型的兩倍,所以JavaScript會在適當的時候將不必要的浮點型轉換為整型,比如浮點型的10.0會自動保存為整型的10。特別需要注意的一點是,浮點型運算精度遠不如整型,例子如下:

console.log(0.1 + 0.2);

可以看到,運算並沒有得到預期的結果,所以在實際運算中要注意這一點,同時這個例子也反映出了JavaScript中浮點型的最高精度即為顯示的17位小數。過大或過小的數可以使用科學計數法e來表示,這一點就不再贅述。

Infinity

JavaScript能夠保存的數值並不是無限大小的,當大於或小於某個界限時,該值會被自動轉換為特殊值——Infinity,Infinity也包括正負兩種。檢測一個數值是否為Infinity可以通過isFinite()函數。

NaN

在Number類型中還有個很特殊的值,那就是NaN,即非數值(Not a Number)。這個特殊值的存在是為了避免在某些需要返回數值時因為運算問題未返回數值報錯,影響程序運行。比如一個數除以0,在其他編程語言中會拋出錯誤,而在JavaScript中會返回NaN。

NaN有兩個特點:1.任何涉及NaN的操作均會返回NaN,2.NaN不與任何值相等,包括他自己=.=,即做NaN == NaN的相等性驗證時會返回false。

檢測一個值是否為NaN可以用isNaN()函數,它會嘗試將接收的參數轉換為數值,意思就是字符串“10”可以被轉換成數值10,而字符串“color”不行。轉換成功返回false,反之為true。

數值轉換

Number類型的數值轉換方式可能通過三個函數:Number()parseInt()parseFloat()。由於Number()轉換函數轉換規則奇葩(復雜且不合理),所以這里主要介紹parseInt()與parseFloat()。

首先申明一點,parseInt()與parseFloat()函數是專門用於把字符串轉換成數字的。這一點可能會導致困惑,明明是用來轉換數值的,為什么要接收字符串。舉個簡單的例子,parseInt()在接收3.14這個浮點型數值時,會自動轉換成該值的字符串表示——“3.14”,它會把3.14轉換為3從邏輯上來看並不是它真的能對數值取整,而是在解析“3.14”這個字符串時遇到小數點“.”這個不能轉換為數值的字符時會自動省略后面的東西。

有了以上的認識,我們來了解這兩個函數具體的轉換規則:

parseInt()函數在轉換字符串時,會忽略前面的空格,直到找到第一個非空字符。如果第一個非空字符不是數字字符或者負號則返回NaN。如果第一個字符是數值字符會繼續解析第二個,直到解析完整個字符串或者遇到了一個非數值字符(如上面3.14的例子)。

parseInt(""); //NaN
parseInt(3.14); //3
parseInt("4.12"); //4
parseInt("xyx123"); //NaN
parseInt("123xyx"); //123

 parseInt()同樣可以解析二進制、八進制與十六進制的數值,由於ECMAScript版本不同對非十進制數解析時會出現分歧,所以最好傳入第二個參數作為基數。

parseInt(100111,2); //39
parseInt(123,8); //83
parseInt("0xBC",16); //188

 與parseInt()函數類似,parseFloat()也是從第一個字符開始解析,直到字符串末尾或者遇到一個無效的浮點數字字符為止。比如,第一個小數點是有效的,第二個是無效的,因此后面的字符會被忽略。與parseInt()不同的是它始終會忽略開頭的0,且不具備傳入基數的能力,即只能解析十進制數值。

parseFloat("123xyx"); //123
parseFloat("xyx123"); //NaN
parseFloat("012.3"); //12.3
parseFloat("34.5"); //34.5
parseFloat("34.5.6"); //34.5

String類型

在JavaScript中字符串使用單、雙引號沒有區別,只是要注意起始與結束保持一致即可。JavaScript中也有轉義字符,與其他語言基本一致,這里就不再贅述了。任何字符串都可以通過length屬性來獲取其長度。

var str = 'Hello World';
alert(str.length); //11

 這里簡要說一個特點,ECMAScript中字符串一旦創建了就不能被改變,例如拼接某兩個字符串,首先是創建一個新的字符串,將原有的字符串組合后裝入其中,最后銷毀原來的兩個字符串。所以並不是像看上去那樣進行簡單的拼接。

字符串轉換

要將一個值轉換為字符串類型有兩個方式:1.toString()方法,2.String()轉型函數。這兩個方法的區別就是null,undefined值沒有toString()方法,而任何類型值都可以使用String()函數。

var num = 123;
num.toString(); //"123"
var boo = false;
boo.toString(); //"false"

 多數情況下,調用toString()方法不必傳遞參數。當要確定輸出數值的不同進制時,可以傳入一個基數。

var num = 10;
num.toString(); //"10"
num.toString(2); //"1010"
num.toString(8); //"12"
num.toString(10); //"10"
num.toString(16); //"a"

在不知道要轉換的值是不是null或undefined時,可以使用String()方法。其規則為:如果該值有toString()方法則調用該方法,如果是null或undefined則返回其字符串表示.....好吧,總之用String()轉型函數就不會錯。

String(10); //"10"
String(true); //"true"
String(null); //"null"
String(undefined); //"undefined"

感謝您的瀏覽,希望能有所幫助。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM