JavaScript 語言核心（2）與眾不同的資料型態

JavaScript 語言核心（1）重新開始 << 前情

在 JavaScript 中，有基本（Primitive）資料型態、複合（Composite）資料型態，還有兩個特殊的值 null 與 undefined。

基本資料型態包括了數值、字串與布林值，型態名稱分別為 number、string 與布林值 boolean。

在 JavaScript 中，沒有整數與浮點數的區別，數值都是 〈IEEE 754 標準 64 位元浮點數〉，可表示的數字最小值為 Number.MIN_VALUE（5e-324），而最大值為 Number.MAX_VALUE（1.7976931348623157e+308）。根據 〈ECMA Section 8.5 – Numbers〉，最大整數應為 2^53，不過注意位元運算子的結果會是 32 位元有號整數，像是 ~、>> 等。

與其他程式語言相同，撰寫數值時要使用數值實字（Number literal），預設是十進位整數，也可以用 0 開頭表示八進位整數，或是用 0x 開頭表示十六進位整數。例如：

10（十進位）
0677（八進位）
0xFF（十六進位）

不過在 ECMAScript 5 的嚴格模式（Strict mode）下，不允許八進位表示法，因此執行以下的 .js 檔案將會有 SyntaxError：

'use strict';
var x = 0677;

若要表示浮點數，則可使用科學記號表示。例如：

3.14
5.231E13（5.231 * 1013）
1.31E-32（1.31 * 10-32）

數值有幾個特殊值，例如 +Infinity（或簡單寫為 Infinity）表示正無限大，-Infinity 表示負無限大。也可以使用 Number.POSITIVE_INFINITY 取得正無限大，Number.NEGATIVE_INFINITY 取得負無限大。另外還有 NaN 或 Number.NaN 表非數值（Not a Number），例如你嘗試作 1 / 'two' 時，就會出現 NaN 的結果。

注意，NaN 不等於任何值，NaN 也不等於 NaN，如果你要測試某值結果是否為 NaN，方法之一可以用 isNaN 函式來測試。例如：

> NaN === NaN;
false
> isNaN(NaN);
true
> isNaN(1 / 'two');
true
>

不過，isNaN 不可靠，如果傳入的數值是 NaN 確實會是 true，然而，無法自動型態轉換至數字的值，都會讓 isNaN 的結果為 true，像是非數字格式且非空的字串、undefined 等。例如：

> isNaN('caterpillar');
true
> isNaN(undefined);
true
> isNaN('0');
false
>

所以，isNaN 比較像是測試，將傳給它的值做型態轉換後是否為「Not a Number」，也就是判斷值是不是可以型態轉換為數字，如果想測試某值是不是 NaN，最好自行撰寫，還好，因為 NaN 是 JavaScript 中唯一自身不等於自身的值，所以可以自己定義一個 isRealNaN 函式：

function isRealNaN(value) {
    return value !== value;
}

console.log(isRealNaN(NaN));           // true
console.log(isRealNaN('caterpillar')); // false
console.log(isRealNaN(undefined));     // false

問題並不會這麼結束，雖然 NaN 代表「Not a Number」，不過，typeof NaN 的結果卻是 'number'，這實在很囧：

> typeof NaN;
'number'
>

當然，在 JavaScript 中，typeof 本身就有些問題，不過，如果你想要檢查值是不是一個有限數字，可以借助 isFinite 函式，它對 NaN 與 Infinity 測試的結果會是 false，不過，isFinite 同樣會嘗試做型態轉換，再檢查轉換後的值，因此，可以自己定義一個 isRealFiniteNumber 函式：

function isRealFiniteNumber(value) {
    return typeof value === 'number' && isFinite(value);
}

console.log(isRealFiniteNumber(NaN));       // false
console.log(isRealFiniteNumber(Infinity));  // false
console.log(isRealFiniteNumber('93'));      // false
console.log(isRealFiniteNumber(93));        // true

在 JavaScript 中，字串是基本資料型態，可使用單引號或雙引號來包括一串文字，用以表示字串。例如：

var str1 = 'text1';
var str2 = "text2";

JavaScript 中沒有字元型態，以單引號或雙引號來包括單一字元，都是字串型態。例如：

> typeof 'A';
'string'
> typeof "B";
'string'
>

typeof 可以用來測試某資料的型態，會傳回型態的字串描述，例如，對數值使用 typeof 會傳回 'number'。對字串使用則傳回是 'string'。在撰寫字串實字（String literal）時可使用單引號或雙引號，一般習慣在 JavaScript 程式中採用單引號，而將雙引號保留給 HTML 使用，避免跳脫文字的麻煩。例如：

var html = '<input type="text" value="defalut">';

布林值只有兩個值，true 與 false，分別表示真與假，對布林值使用 typeof，結果會是 'boolean'。

複合資料型態就是指物件（object），基本上它們都是 Object 的實例，使用 typeof 測試複合資料型態的結果就是 'object'。例如：

> typeof new Object();
'object'
> typeof {};
'object'
> typeof [];
'object'
>

[] 建立一個陣列，也就是一個 Array 實例，它當然是一個物件，因此 typeof [] 的結果就是 'object'。

null 是 JavaScript 中特殊的值，表示沒有任何東西。應用的時機就是在變數不參考至任何物件時，可以指定變數為 null，或測試變數是否參考至 null：

> var x = null;
undefined
> x === null;
true
>

如果你想知道某個物件是哪個型態的實例，可以使用 instanceof 來測試。例如：

> var x1 = {};
undefined
> var x2 = [];
undefined
> x1 instanceof Object;
true
> x2 instanceof Object;
true
> x1 instanceof Array;
false
> x2 instanceof Array;
true
>

對 null 使用 typeof 的結果會是 'object'，這很怪（只能強記），因為用 instanceof 測試 null 是否為 Object 的實例，結果卻是 false：

> typeof null;
'object'
> null instanceof Object;
false
>

注意！以下的 x 值有參考至一個值，那就是 null，而不是 undefined：

var x = null;

以下的 x 才是 undefined：

var x;

undefined 是 JavaScript 中特殊的值，當你試圖取得某個沒指定任何值的變數（也沒指定 null）或特性（Properties）時，就會出現 undefined 的結果。對 undefined 使用 typeof 的結果是 'undefined'。在 Node.js 中，undefined 會顯示 undefined。

（在 Rhino Shell 中，undefined 不會顯示任何結果，因此，你在 〈資料型態〉中看到的 Rhino Shell 示範，若是執行結果為 undefined 時，就只是單純換下一行而不顯示任何東西。）

注意，別與直譯錯誤時出現的「未定義」訊息搞錯了，例如，以下的示範中，並沒有事先宣告 x，因此 x 未定義，會發生 ReferenceError 的錯誤：

> var y = x;
ReferenceError: x is not defined
    at repl:1:9
    at REPLServer.self.eval (repl.js:110:21)
    at repl.js:249:20
    at REPLServer.self.eval (repl.js:122:7)
    at Interface.<anonymous> (repl.js:239:12)
    at Interface.EventEmitter.emit (events.js:95:17)
    at Interface._onLine (readline.js:202:10)
    at Interface._line (readline.js:531:8)
    at Interface._ttyWrite (readline.js:760:14)
    at ReadStream.onkeypress (readline.js:99:10)
>

如果是以下的程式，是可以正確執行的程式碼，x 與 y 的結果都是 undefined：

> var x;
undefined
> var y = x;
undefined
> x
undefined
> y
undefined
>

undefined 本身等於 undefined：

> undefined === undefined;
true
>

後續 >> JavaScript 語言核心（3）你的變數 var 了嗎？