JS 中對變量類型的判斷
2020/11/25 18:01:51 閱讀：5847
發布者：5847
1. 一般簡單的使用 typeof 或 instanceof 檢測（這兩種檢測的不完全準確）
2. 完全準確的使用 原生js中的 Object.prototype.toString.call 或 jquery中的 $.type 檢測
在 JS 中，有 5 種基本數據類型和 1 種復雜數據類型，基本數據類型有：Undefined, Null, Boolean, Number和String；復雜數據類型是Object，Object中還細分了很多具體的類型，比如：Array, Function, Date等等。今天我們就來探討一下，使用什么方法判斷一個出一個變量的類型。
變量常用的類型:
var num = 123;
var str = 'abcdef';
var bool = true;
var arr = [1, 2, 3, 4];
var json = {name:'wenzi', age:25};
var func = function(){ console.log('this is function'); }
var und = undefined;
var nul = null;
var date = new Date();
var reg = /^[a-zA-Z]{5,20}$/;
var error= new Error();
1. 使用typeof檢測
我們平時用的最多的就是用typeof檢測變量類型了。這次，我們也使用typeof檢測變量的類型：
console.log(
typeof num,
typeof str,
typeof bool,
typeof arr,
typeof json,
typeof func,
typeof und,
typeof nul,
typeof date,
typeof reg,
typeof error
);
// number string boolean object object function undefined object object object object
從輸出的結果來看，arr, json, nul, date, reg, error 全部被檢測為object類型，其他的變量能夠被正確檢測出來。當需要變量是否是number, string, boolean, function, undefined, json類型時，可以使用typeof進行判斷。其他變量是判斷不出類型的，包括null。
還有，typeof是區分不出array和json類型的。因為使用typeof這個變量時，array和json類型輸出的都是object。
2. 使用instanceof檢測
在 JavaScript 中，判斷一個變量的類型嘗嘗會用 typeof 運算符，在使用 typeof 運算符時采用引用類型存儲值會出現一個問題，無論引用的是什么類型的對象，它都返回 “object”。ECMAScript 引入了另一個 Java 運算符 instanceof 來解決這個問題。instanceof 運算符與 typeof 運算符相似，用于識別正在處理的對象的類型。與 typeof 方法不同的是，instanceof 方法要求開發者明確地確認對象為某特定類型。例如：
function Person(){
}
var Tom = new Person();
console.log(Tom instanceof Person); // true
instanceof還能檢測出多層繼承的關系。
3. 使用constructor檢測
在使用instanceof檢測變量類型時，我們是檢測不到number, 'string', bool的類型的。因此，我們需要換一種方式來解決這個問題。
constructor本來是原型對象上的屬性，指向構造函數。但是根據實例對象尋找屬性的順序，若實例對象上沒有實例屬性或方法時，就去原型鏈上尋找，因此，實例對象也是能使用constructor屬性的。
