JS 中的類型判斷

ChanceWong 發(fā)布于2019-08-20 12:16 / 2601人閱讀

摘要：和這三種基本的數(shù)據(jù)類型，都有對(duì)應(yīng)的引用包裝類型和。應(yīng)用于引用類型的判斷，所以對(duì)于這三類基本類型沒有什么意義。

JS 中的類型判斷 js中的數(shù)據(jù)類型

基本數(shù)據(jù)類型

undefined、number、string、boolean

引用數(shù)據(jù)類型

null、Object、Number、String、Boolean、Function、Array、Date、RegExp、Error、Arguments

typeof

typeof操作符可能返回下面幾種字符串

"undefined" 如果這個(gè)值未定義

"boolean" 如果這個(gè)值是布爾值

"string" 如果這個(gè)值是字符串

"number" 如果這個(gè)值是數(shù)值,注意其中NaN 返回的也是"number"

"function" 如果這個(gè)值是函數(shù)

"object" 如果這個(gè)值是對(duì)象或者是null

undefined boolean string number 都是基本的數(shù)據(jù)類型
function 和 object是引用類型，變量指向的是對(duì)象的地址，
對(duì)于引用類型的變量，typeof只可以區(qū)分出function，其他類型的統(tǒng)一識(shí)別成object。

boolean string 和number這三種基本的數(shù)據(jù)類型，都有對(duì)應(yīng)的引用包裝類型
Boolean String 和Number。

對(duì)于這些包裝類型的變量，typeof統(tǒng)一識(shí)別成object

var a = new String("hello");
typeof a // object
var b = "hello";
a === b // false
a ==b //true
a 實(shí)際變成了一個(gè)String類型的引用變量
所以a === b 是false，但是用== 比較的時(shí)候 b隱式調(diào)用了toString的方法 所以是true

多說一句，其實(shí)我們?cè)谡{(diào)用基本類型的方法的時(shí)候，都是隱式的轉(zhuǎn)為包裝對(duì)象以后才能調(diào)用。

instanceof

instanceof 應(yīng)用于引用類型的判斷，所以對(duì)于string number boolean 這三類基本類型沒有什么意義。
instanceof 支持繼承因?yàn)樗械囊妙愋投祭^承自O(shè)bject，所以所有引用變量都是Object的實(shí)例

var a = new String("hello");
a instanceof String  //true
a instanceof Object  //true
var b = "hello";
b instanceof String  // false

我開始以為instanceof是通過判斷a的__proto__ 上的constructor 屬性來判斷構(gòu)造函數(shù)的類型，但是改變a.__proto__.constructor = Number 之后
a instanceof String 仍然為true

var a = new String("hello");
a.__proto__.constructor = Number;
a instanceof String  //true
a instanceof Number  //false

Object.prototype.toString.call()

這個(gè)是通過調(diào)用Object原型上的toString方法來判斷變量的類型
這個(gè)方法不會(huì)區(qū)分是基本類型還是包裝的引用類型，其實(shí)大多數(shù)情況下我們真不不需要區(qū)分。

var a = new String("hello")
var b = "hello";
Object.prototype.toString.call(a)  //"[object String]"
Object.prototype.toString.call(b)  //"[object String]"

該方法還能夠區(qū)分null和undefined

Object.prototype.toString.call(null)  //"[object Null]"
Object.prototype.toString.call(undefined)  //"[object Undefined]"

所以判斷數(shù)據(jù)類型最靠譜的方法就是這個(gè)了。

underscore 中的實(shí)現(xiàn)

//代碼中的toString 方法 就是Object.prototype.toString
// Add some isType methods: isArguments, isFunction, isString, isNumber, isDate, isRegExp, isError.
  _.each(["Arguments","Function", "String", "Number", "Date", "RegExp", "Error"], function(name) {
    _["is" + name] = function(obj) {
      return toString.call(obj) === "[object " + name + "]";
    };
  });
  
  _.isBoolean = function(obj) {
    return obj === true || obj === false || toString.call(obj) === "[object Boolean]";
  };
  
雖然這個(gè)方法很好但是沒有辦法區(qū)分基本類型和引用類型，采用typeof可以判斷：
    // 判斷是否是引用類型
    _.isObject = function(obj) {
    var type = typeof obj;
    return type === "function" || type === "object" && !!obj;
    };

    //通過instanceof Object  應(yīng)該也可以判斷 是不是引用類型 并且不是null和undefined
  
  
    // 判斷是否為數(shù)組
    _.isArray = nativeIsArray || function(obj) {
      return toString.call(obj) === "[object Array]";
    };
    //nativeIsArray 是ES5原生的Array.isArray
    
    //判斷是否是NaN，利用NaN是唯一一個(gè)不等于自己的Number類型
    _.isNaN = function(obj) {
      return _.isNumber(obj) && obj !== +obj;
    };
    
    _.isUndefined = function(obj) {
        return obj === void 0;
    };
  
    _.isNull = function(obj) {
        return obj === null;
    };
    
     _.isFinite = function(obj) {
    return isFinite(obj) && !isNaN(parseFloat(obj));
    };
    
    //在 IE < 9 下對(duì) arguments 調(diào)用 Object.prototype.toString.call，結(jié)果是 [object Object]，所以利用他的callee屬性來判斷
    if (!_.isArguments(arguments)) {
        _.isArguments = function(obj) {
          return _.has(obj, "callee");
        };
    }