前言

JavaScript 中目前有 7 種基本（原始primitives）數據類型 Undefined， Null，Boolean， Number， String，BigInt，Symbol，以及一種引用類型 Object，Object 中又包括 Function，Date，JSON，RegExp等，除了 7 種原始類型，其他的所有能夠用 new 實例化的內置類型都是 Object 構造的。

數據類型

對于數據了類型我們可以通過 typeof 運算符來判斷，具體結果看下圖。

原始類型中兩個比較特殊的就是 Undefined 和 Null，他們兩個類型都只有一個值就是 undefined 和 null。

Undefined

undefined 一般表示我們未對變量進行初始化。使用 typeof 操作符的時候，如果是未聲明變量，同樣也會返回 undefined，再比如未設置返回值的函數執行的結果是 undefined，未設置的參數也會被默認為 undefined。最后還有一點需要注意的是，undefined 并不是 js 的保留字，并且是全局對象的一個屬性，在瀏覽器環境中就是 window.undefined。當在局部環境中，我們是可以自己給 undefined 屬性賦值的，也就是重寫 undefined，所以為了確保我們使用的 undefined 是未被重寫的，我們可以使用 void 0 來代替。

Null

null 可以簡單理解為一個未被創建的對象，比如我們使用 document.getElementById 并沒有找到對應元素的時候就會返回 null。null 和 undefined 有一些區別，在轉換為 Number 的時候，null 會轉換為 0 而 undefined 會轉換為 NaN，執行 typeof 運算的時候，undefined返回 undefined 而 null 返回 object。使用 == 判斷兩者相等會返回 true，所以為了防止誤判一般我們使用全等 ===。null 是所有對象原型鏈的終點，Object.prototype.__proto__ === null。

關于 null 的使用，當我們聲明一個變量是用來存儲對象我們可以先賦值為 null，當一個對象不再需要的時候，我們可以設置為 null 解除這個引用。

Symbol 和 BigInt

這兩個都是 ES6 新增的原始數據類型，Symbol 類型的數據通過 Symbol() 方法的執行產生，不過需要注意的是 Symbol 不能作為構造函數，每個從 Symbol() 返回的 symbol 值都是唯一的。一個 symbol 值能作為對象屬性的標識符；這是該數據類型僅有的目的。

而 BigInt 則是為了精確表示超出雙精度浮點數的最大安全表示范圍的大數而新增的基本數據類型。

判斷數據類型的方法

typeof 運算符

最簡單的判斷數據類型的方法是 typeof 運算符，返回值為字符串。typeof 的缺點是除了 Function 以外的其他所有對象的返回值都是 object （null 的返回值也是 object），如果我們需要區分不同的對象，就無法使用 typeof。

instanceof 運算符

instanceof 運算符是檢測構造函數的原型是否出現在某個對象的原型鏈上。通過 instanceof 運算符我們可以實現對 Object 類型的細分，確定屬于哪種對象。但是 instanceof 的缺點是只能對對象進行檢測，對于基本數據類型的實例無法檢測（字面量無法檢測，但是通過基本包裝類型的構造函數創建的基本類型可以進行檢測）。

constructor 屬性

利用實例的 constructor 屬性來輔助判斷實例的數據類型也是一種手段。一般來說，實例本身是沒有 constructor 屬性的，我們所看到的屬性都是 實例.__proto__.constructor，換言之也就是實例的構造函數，這種方式對基本數據類型也是有效的。這種方法的一個比較大的問題是 constructor 屬性是個不受保護的屬性，隨時可能被更改，我們既可以給實例增加 constructor 屬性，也可以修改構造函數的 prototype 的引用，也可以直接修改原型的 constructor 屬性。

Object.prototype.toString.call()

這是最安全準確的檢測數據類型的方法，每一種數據類型的構造函數的原型上都有 toString 方法，但是除了 Object.prototype上的 toString 是用來返回當前實例所屬類的信息（檢測數據類型的），其余的都是轉換為字符串的。該方法可以準確檢測所有內置類型。自定義類型的返回值為 Object Object

let toString = Object.prototype.toString //=>Object.prototype.toStringconsole.log(toString.call(10)); //=>'[object Number]'console.log(toString.call(NaN)); //=>'[object Number]'console.log(toString.call('xxx')); //=>'[object String]'console.log(toString.call(true)); //=>'[object Boolean]'console.log(toString.call(null)); //=>'[object Null]'console.log(toString.call(undefined)); //=>'[object Undefined]'console.log(toString.call(Symbol())); //=>'[object Symbol]'console.log(toString.call(BigInt(10))); //=>'[object BigInt]'console.log(toString.call({xxx:’xxx’})); //=>'[object Object]'console.log(toString.call([10,20])); //=>'[object Array]'console.log(toString.call(/^d+$/)); //=>'[object RegExp]'console.log(toString.call(function(){})); //=>'[object Function]'

以上就是詳解JavaScript數據類型和判斷方法的詳細內容，更多關于JavaScript數據類型和判斷方法的資料請關注好吧啦網其它相關文章！