<address id="lrx17"><dfn id="lrx17"><mark id="lrx17"></mark></dfn></address>

<sub id="lrx17"><listing id="lrx17"><mark id="lrx17"></mark></listing></sub>

      <address id="lrx17"></address>
    <sub id="lrx17"></sub>

    <font id="lrx17"><var id="lrx17"><output id="lrx17"></output></var></font>

    <sub id="lrx17"><var id="lrx17"><output id="lrx17"></output></var></sub>

    <address id="lrx17"><dfn id="lrx17"></dfn></address>
      <address id="lrx17"></address>

    JS 中對變量類型的判斷

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

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

     
    欧美性开放BBW