国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

JavaScript中判斷數據類型的方法總結

2019-11-20 09:56:05
字體:
來源:轉載
供稿:網友

typeof
typeof用的比較多的時候,是判斷某個全局變量在不在,假如某個頁面定義了一個全局變量。假如你做如下判斷:

//haorooms是全局變量if(haorooms!=undefined){}//js會報錯,說"Uncaught ReferenceError: haorooms is not defined"

解決的方法是我們如下寫:

 if(typeof haorooms!=undefined){ }

用了typeof之后,就不會報錯了!這是typeof的應用之一!

此外,typeof還可以進行數據類型的判斷!如下:

var haorooms="string"; console.log(haorooms); //stringvar haorooms=1; console.log(haorooms); //numbervar haorooms=false; console.log(haorooms); //booleanvar haorooms; console.log(typeof haorooms); //undfinedvar haorooms= null; console.log(typeof haorooms); //objectvar haorooms = document; console.log(typeof haorooms); //objectvar haorooms = []; console.log(haorooms); //objectvar haorooms = function(){}; console.log(typeof haorooms) //function  除了可以判斷數據類型還可以判斷function類型

很明顯,對于typeof,除了前四個類型外,null、對象、數組返回的都是object類型;

instanceof
可以用其判斷是否是數組。

var haorooms=[];console.log(haorooms instanceof Array) //返回true 

constructor
constructor就是返回對象相對應的構造函數。
判斷各種數據類型的方法:

console.log([].constructor == Array);console.log({}.constructor == Object);console.log("string".constructor == String);console.log((123).constructor == Number);console.log(true.constructor == Boolean);function employee(name,job,born){  this.name=name;  this.job=job;  this.born=born; }var haorooms=new employee("Bill Gates","Engineer",1985); console.log(haorooms.constructor); //輸出function employee(name, jobtitle, born){this.name = name; this.jobtitle = job; this.born = born;}

通過輸出haorooms.constructor,可以看出constructor就是返回對象相對應的構造函數。

Object.prototype.toString
前面我們提到了可以運用 constructor 屬性來判定物件類型,讓我們再來講講 Object.protype.toString 這個方法

Object.prototype.toString.apply({}) // "[object Object]"Object.prototype.toString.apply([]) // "[object Array]"Object.prototype.toString.apply(NaN)// "[object Number]"Object.prototype.toString.apply(function(){}) // "[object Function]"

運用這種方式我們可以正確的判斷一個變量的基本型態,但是如果是自訂類型的話,卻無法得知真正的類型,因為結果依然會是 [object Object]

其他
jQuery 也有類型判斷的方法,下面是一例

$.isWindow(window) // true

怎么做的呢

core.js#479isWindow: function( obj ) {  return obj != null && obj == obj.window;}

所以開一個這樣的 Object:

var fakeWindow;fakeWindow = {};fakeWindow.window = fakeWindow;$.isWindow(fakeWindow) // true

你就騙過他了。

小結
在 JavaScript 中要正確判斷類型,當仔細去鉆研的時候,真是一件麻煩事,根據不同的情境去設計你的判斷式是相當重要的,我們也必須要去思考如何用最簡潔的方式判斷正確的類型,當然這篇還有很多地方沒有介紹到,例如 isPrototypeOf 這個方法,JavaScript 是一個有許多歷史包袱的語言,但也是不斷的在進步,運用它的時候,要注意,有太多的方式是雙面刃,切記要小心運用。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 垫江县| 安乡县| 府谷县| 吴堡县| 博客| 富平县| 江安县| 利辛县| 江源县| 鄂州市| 友谊县| 南乐县| 浏阳市| 上高县| 芜湖县| 岫岩| 钦州市| 桓台县| 潞西市| 汶上县| 镇沅| 祁门县| 长宁县| 台南市| 彭泽县| 金平| 石嘴山市| 永年县| 贵德县| 富民县| 江北区| 库车县| 揭东县| 固始县| 南城县| 阳江市| 汽车| 汽车| 承德市| 丹东市| 涿州市|