本文實例講述了javascript中的數據類型檢測方法。分享給大家供大家參考,具體如下:
在javascript中數據類型
值類型: 布爾(Boolean),數值(Number),字符(String),空(Null),未定義(Undefined)
引用類型: 對象(Object),函數(Function),數組(Array),日期(Date),正則(RegExp)等等。
檢測方式之 typeof
console.log(typeof undefined)//'undefined'console.log(typeof null) // objectconsole.log(typeof true) //'boolean'console.log(typeof 123) //'number'console.log(typeof NaN) //'number'console.log(typeof "abc") //'string'console.log(typeof function() {}) //'function'var arr=[];console.log(typeof {}) //'object'console.log(typeof arr)//'object'從上面可以看出來用 typeof 來檢測,不嚴謹。
null 被檢測成為了 object, null 值表示一個空對象指針,用typeof操作符檢測null值時會返回object的原因, 這是在設計ECMAscript時候存在的一些bug。
同樣是js不嚴謹的一種表現形式。而數組也被檢測成為了一個對象, 所以用這種方式不嚴謹。
檢測方式之 toString.call()
console.log(toString.call(undefined) ) // '[object Window]''console.log(toString.call(null) ) // '[object Window]'console.log(toString.call(true) ) // '[object Boolean]'console.log(toString.call(123) ) // '[object Number]'console.log(toString.call(NaN) ) // '[object Number]'console.log(toString.call("abc") ) // '[object String]'console.log(toString.call(function() {})) // '[object Function]'var arr=[];console.log(toString.call({}) ) // '[object Object]'console.log(toString.call(arr) ) // '[object Array]'可以看出來出了undefined和null 這兩個,其他的檢測都還是比較嚴謹的。
其中toString()函數是window的一個不可枚舉函數,繼承自Object
還可以寫成這樣:
window.toString.call('hello'); // "[object String]"Object.prototype.toString.call('hello'); // "[object String]"檢測方式之 constructor
console.log('haha'.constructor == String); // trueconsole.log([].constructor === Array); // trueconsole.log({}.constructor === Object); // trueconsole.log(true.constructor === Boolean); // truevar a = 111; // 此處必須要用變量來代表數字,不然會報錯,從這也能看出來js是一門不嚴謹的語言console.log(a.constructor === Number); // true我們通過把實例的構造函數指向其他地方,來改變它的constructor,就不安全了,不推薦使用 如下代碼所示:
var AAA = function(){}; // 定義一個AAA對象AAA.prototype = { say:function() { alert('hello'); }}var arr1 = new Array(); // 定義一個數組arr1.constructor = function AAA(){}; // 這里可以改變實例的constructor。arr1.__proto__ = AAA.prototype; // 此處改變了原型鏈console.log(arr1.constructor); // AAAconsole.log(arr1 instanceof AAA); // true 原型鏈已經改變,arr1 已經不屬于Array了。console.log(arr1 instanceof Array); // false// 下面我們來讓AAA的原型鏈連到 Array上AAA.prototype.__proto__ = Array.prototype;console.log(arr1 instanceof Array); // true
新聞熱點
疑難解答
圖片精選