JS复习 -- 类型判断

旧城等待， 2022-06-06 03:38 196阅读 0赞

## typeof ##

注意，虽然我们可以写：

console.log(typeof('miao~')) // string

但是，typeof却是一个运算符，就像加减一样！它的真实身份是一个一元操作符。

因此，人家的正经写法是：

console.log(typeof 'miao~') // string

当我们使用typeof来判断JS的六种基本数据类型的时候，返回的值分别是：

Undefined -- undefined
    Null -- object
    Boolean -- boolean
    Number -- number
    String -- string
    Object -- object

第一注意全小写，第二注意null和object都返回object。

另外，对于一个函数，typeof会返回 function：

function fn() { }
    console.log(typeof fn); // function

typeof的不足：

var date = new Date();
    var error = new Error();
    console.log(typeof date); // object
    console.log(typeof error); // object

也就是说，typeof无法判断object类型中的细分类。

## Object.prototype.toString ##

哇哦这个函数可是厉害了！废话不多说了直接上demo：

// 以下是11种：
    // 注意，这次都是大写了！
    var number = 1;          // [object Number]
    var string = '123';      // [object String]
    var boolean = true;      // [object Boolean]
    var und = undefined;     // [object Undefined]
    var nul = null;          // [object Null]
    var obj = {a: 1}         // [object Object]
    var array = [1, 2, 3];   // [object Array]
    var date = new Date();   // [object Date]
    var error = new Error(); // [object Error]
    var reg = /a/g;          // [object RegExp]
    var func = function a(){ }; // [object Function]
    
    function checkType() { 
        for (var i = 0; i < arguments.length; i++) {
            console.log(Object.prototype.toString.call(arguments[i]))
        }
    }
    
    checkType(number, string, boolean, und, nul, obj, array, date, error, reg, func)
    
    // 还有
    console.log(Object.prototype.toString.call(Math)); // [object Math]
    console.log(Object.prototype.toString.call(JSON)); // [object JSON]
    
    // 还有!
    function fn() { 
        console.log(Object.prototype.toString.call(arguments)); // [object Arguments]
    }
    fn();

## 判断空“对象” ##

function isEmptyObject( obj ) { 
        var name;
        for ( name in obj ) { // 利用了 for in 方法
            return false;
        }
        return true;
    }

console.log(isEmptyObject({})); // true
    console.log(isEmptyObject([])); // true
    console.log(isEmptyObject(null)); // true
    console.log(isEmptyObject(undefined)); // true
    console.log(isEmptyObject(1)); // true
    console.log(isEmptyObject('')); // true
    console.log(isEmptyObject(true)); // true

## 判断是否为DOM元素 ##

isElement = function(obj) { 
        return !!(obj && obj.nodeType === 1);
    };

注：双叹号的用途是，一个元素转换为真的布尔值，一般用来判断某个元素是否存在，例如：

作者：无可取代
    链接：https://www.zhihu.com/question/19992697/answer/15207275
    来源：知乎
    著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。
    
    1.!![] true；![]false
    2.!!{} true; !{}false
    3.!!false false; !false true
    4.!!true true; !true false
    5.!!undefined  false; !undefined true
    6.!!null false; !null true
    7.!!"" false; !"" true