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

                             
                            男女直接做全过程的视频