JS复习 -- 类型判断

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