JS 中對變量類型的判斷

                    2020/11/25 18:01:51   閱讀:1478    發布者:1478

                    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屬性的。

                     
                    男男性行为GV视频CHINA