JavaScript-快速入門(三)數據類型和變量

原文出處 :https://www.liaoxuefeng.com/

數據類型

計算機顧名思義就是可以做數學計算的機器,因此,計算機程序理所當然地可以處理各種數值。但是,計算機能處理的遠不止數值,還可以處理文本、圖形、音頻、視頻、網頁等各種各樣的數據,不同的數據,需要定義不同的數據類型。在JavaScript中定義了以下幾種數據類型:

Number

JavaScript不區分整數和浮點數,統一用Number表示,以下都是合法的Number類型:

123; // 整數123
0.456; // 浮點數0.456
1.2345e3; // 科學計數法表示1.2345x1000,等同於1234.5
-99; // 負數
NaN; // NaN表示Not a Number,當無法計算結果時用NaN表示
Infinity; // Infinity表示無限大,當數值超過了JavaScript的Number所能表示的最大值時,就表示爲Infinity

計算機由於使用二進制,所以,有時候用十六進制表示整數比較方便,十六進制用0x前綴和0-9,a-f表示,例如:0xff000xa5b4c3d2,等等,它們和十進制表示的數值完全一樣。

Number可以直接做四則運算,規則和數學一致:

1 + 2; // 3
(1 + 2) * 5 / 2; // 7.5
2 / 0; // Infinity
0 / 0; // NaN
10 % 3; // 1
10.5 % 3; // 1.5

注意%是求餘運算。

字符串

字符串是以單引號'或雙引號"括起來的任意文本,比如'abc'"xyz"等等。請注意,''""本身只是一種表示方式,不是字符串的一部分,因此,字符串'abc'只有abc這3個字符。

布爾值

布爾值和布爾代數的表示完全一致,一個布爾值只有truefalse兩種值,要麼是true,要麼是false,可以直接用truefalse表示布爾值,也可以通過布爾運算計算出來:

true; // 這是一個truefalse; // 這是一個false2 > 1; // 這是一個true2 >= 3; // 這是一個false

&&運算是與運算,只有所有都爲true&&運算結果纔是true

true && true; // 這個&&語句計算結果爲true
true && false; // 這個&&語句計算結果爲false
false && true && false; // 這個&&語句計算結果爲false

||運算是或運算,只要其中有一個爲true||運算結果就是true

false || false; // 這個||語句計算結果爲false
true || false; // 這個||語句計算結果爲true
false || true || false; // 這個||語句計算結果爲true

!運算是非運算,它是一個單目運算符,把true變成falsefalse變成true

! true; // 結果爲false
! false; // 結果爲true
! (2 > 5); // 結果爲true

布爾值經常用在條件判斷中,比如:

var age = 15;
if (age >= 18) {
    alert('adult');
} else {
    alert('teenager');
}

比較運算符

當我們對Number做比較時,可以通過比較運算符得到一個布爾值:

2 > 5; // false
5 >= 2; // true
7 == 7; // true

實際上,JavaScript允許對任意數據類型做比較:

false == 0; // true
false === 0; // false

要特別注意相等運算符==。JavaScript在設計時,有兩種比較運算符:

第一種是==比較,它會自動轉換數據類型再比較,很多時候,會得到非常詭異的結果;

第二種是===比較,它不會自動轉換數據類型,如果數據類型不一致,返回false,如果一致,再比較。

由於JavaScript這個設計缺陷,不要使用==比較,始終堅持使用===比較。

另一個例外是NaN這個特殊的Number與所有其他值都不相等,包括它自己:

NaN === NaN; // false

唯一能判斷NaN的方法是通過isNaN()函數:

isNaN(NaN); // true

最後要注意浮點數的相等比較:

1 / 3 === (1 - 2 / 3); // false

這不是JavaScript的設計缺陷。浮點數在運算過程中會產生誤差,因爲計算機無法精確表示無限循環小數。要比較兩個浮點數是否相等,只能計算它們之差的絕對值,看是否小於某個閾值:

Math.abs(1 / 3 - (1 - 2 / 3)) < 0.0000001; // true

null和undefined

null表示一個“空”的值,它和0以及空字符串''不同,0是一個數值,''表示長度爲0的字符串,而null表示“空”。

在其他語言中,也有類似JavaScript的null的表示,例如Java也用null,Swift用nil,Python用None表示。但是,在JavaScript中,還有一個和null類似的undefined,它表示“未定義”。

JavaScript的設計者希望用null表示一個空的值,而undefined表示值未定義。事實證明,這並沒有什麼卵用,區分兩者的意義不大。大多數情況下,我們都應該用nullundefined僅僅在判斷函數參數是否傳遞的情況下有用。

數組

數組是一組按順序排列的集合,集合的每個值稱爲元素。JavaScript的數組可以包括任意數據類型。例如:

[1, 2, 3.14, 'Hello', null, true];

上述數組包含6個元素。數組用[]表示,元素之間用,分隔。

另一種創建數組的方法是通過Array()函數實現:

new Array(1, 2, 3); // 創建了數組[1, 2, 3]

然而,出於代碼的可讀性考慮,強烈建議直接使用[]

數組的元素可以通過索引來訪問。請注意,索引的起始值爲0

var arr = [1, 2, 3.14, 'Hello', null, true];
arr[0]; // 返回索引爲0的元素,即1
arr[5]; // 返回索引爲5的元素,即true
arr[6]; // 索引超出了範圍,返回undefined

對象

JavaScript的對象是一組由鍵-值組成的無序集合,例如:

var person = {
    name: 'Bob',
    age: 20,
    tags: ['js', 'web', 'mobile'],
    city: 'Beijing',
    hasCar: true,
    zipcode: null
};

JavaScript對象的鍵都是字符串類型,值可以是任意數據類型。上述person對象一共定義了6個鍵值對,其中每個鍵又稱爲對象的屬性,例如,personname屬性爲'Bob'zipcode屬性爲null

要獲取一個對象的屬性,我們用對象變量.屬性名的方式:

person.name; // 'Bob'
person.zipcode; // null

變量

變量的概念基本上和初中代數的方程變量是一致的,只是在計算機程序中,變量不僅可以是數字,還可以是任意數據類型。

變量在JavaScript中就是用一個變量名錶示,變量名是大小寫英文、數字、$_的組合,且不能用數字開頭。變量名也不能是JavaScript的關鍵字,如ifwhile等。申明一個變量用var語句,比如:

var a; // 申明瞭變量a,此時a的值爲undefined
var $b = 1; // 申明瞭變量$b,同時給$b賦值,此時$b的值爲1
var s_007 = '007'; // s_007是一個字符串
var Answer = true; // Answer是一個布爾值true
var t = null; // t的值是null

變量名也可以用中文,但是,請不要給自己找麻煩。

在JavaScript中,使用等號=對變量進行賦值。可以把任意數據類型賦值給變量,同一個變量可以反覆賦值,而且可以是不同類型的變量,但是要注意只能用var申明一次,例如:

var a = 123; // a的值是整數123
a = 'ABC'; // a變爲字符串

這種變量本身類型不固定的語言稱之爲動態語言,與之對應的是靜態語言。靜態語言在定義變量時必須指定變量類型,如果賦值的時候類型不匹配,就會報錯。例如Java是靜態語言,賦值語句如下:

int a = 123; // a是整數類型變量,類型用int申明
a = "ABC"; // 錯誤:不能把字符串賦給整型變量

和靜態語言相比,動態語言更靈活,就是這個原因。

請不要把賦值語句的等號等同於數學的等號。比如下面的代碼:

var x = 10;
x = x + 2;

如果從數學上理解x = x + 2那無論如何是不成立的,在程序中,賦值語句先計算右側的表達式x + 2,得到結果12,再賦給變量x。由於x之前的值是10,重新賦值後,x的值變成12

要顯示變量的內容,可以用console.log(x),打開Chrome的控制檯就可以看到結果。

strict模式

JavaScript在設計之初,爲了方便初學者學習,並不強制要求用var申明變量。這個設計錯誤帶來了嚴重的後果:如果一個變量沒有通過var申明就被使用,那麼該變量就自動被申明爲全局變量:

i = 10; // i現在是全局變量

在同一個頁面的不同的JavaScript文件中,如果都不用var申明,恰好都使用了變量i,將造成變量i互相影響,產生難以調試的錯誤結果。

使用var申明的變量則不是全局變量,它的範圍被限制在該變量被申明的函數體內(函數的概念將稍後講解),同名變量在不同的函數體內互不衝突。

爲了修補JavaScript這一嚴重設計缺陷,ECMA在後續規範中推出了strict模式,在strict模式下運行的JavaScript代碼,強制通過var申明變量,未使用var申明變量就使用的,將導致運行錯誤。

啓用strict模式的方法是在JavaScript代碼的第一行寫上:

'use strict';

這是一個字符串,不支持strict模式的瀏覽器會把它當做一個字符串語句執行,支持strict模式的瀏覽器將開啓strict模式運行JavaScript。

不用var申明的變量會被視爲全局變量,爲了避免這一缺陷,所有的JavaScript代碼都應該使用strict模式。我們在後面編寫的JavaScript代碼將全部採用strict模式。
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章