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