电脑知识|欧美黑人一区二区三区|软件|欧美黑人一级爽快片淫片高清|系统|欧美黑人狂野猛交老妇|数据库|服务器|编程开发|网络运营|知识问答|技术教程文章 - 好吧啦网

您的位置:首頁技術文章
文章詳情頁

詳解JavaScript類型判斷的四種方法

瀏覽:130日期:2023-10-10 14:29:15

JavaScript有八種內置類型,除對象外,其他統稱為“基本類型”。

空值(null) 未定義(undefined) 布爾值(boolean) 數字(number) 字符串(string) 對象 (object) 符號(symbol, ES6中新增) 大整數(BigInt, ES2020 引入)

Symbol: 是ES6中引入的一種原始數據類型,表示獨一無二的值。

BigInt:是 ES2020 引入的一種新的數據類型,用來解決 JavaScript中數字只能到 53 個二進制位(JavaScript 所有數字都保存成 64 位浮點數,大于這個范圍的整數,無法精確表示的問題。具體可查看:新數據類型 — BigInt

一、typeof

typeof是一個操作符而不是函數,其右側跟一個一元表達式,并返回這個表達式的數據類型。返回的結果用該類型的字符串(全小寫字母)形式表示,包括以下 8 種:number、boolean、symbol、string、object、undefined、function 、bigInt等。

typeof原理是不同的對象在底層都表示為二進制,在Javascript中二進制前(低)三位存儲其類型信息。

000: 對象 010: 浮點數 100:字符串 110:布爾 1:整數

console.log(typeof undefined) // undefindconsole.log(typeof null) // objectconsole.log(typeof true) // booleanconsole.log(typeof 43) // numberconsole.log(typeof ’21’) // stringconsole.log(typeof {a:1}) // objectconsole.log(typeof Symbol()) // symbolconsole.log(typeof 123n) // bigintfunction a() {}console.log(typeof a) // functionvar date = new Date()var error = new Error()console.log(typeof date) // objectconsole.log(typeof error) // object

二、instanceof

instanceof 是用來判斷 A 是否為 B 的實例,表達式為:A instanceof B,如果 A 是 B 的實例,則返回 true,否則返回 false。 在這里需要特別注意的是:instanceof 檢測的是原型

通俗一些講,instanceof 用來比較一個對象是否為某一個構造函數的實例。注意,instanceof可以準確的判斷復雜數據類型,但是不能正確判斷基本數據類型

console.log(12 instanceof Number) // falseconsole.log(’22’ instanceof String) // falseconsole.log(true instanceof Boolean) // falseconsole.log(null instanceof Object) // falseconsole.log(undefined instanceof Object) // false console.log([] instanceof Array) // trueconsole.log({a: 1} instanceof Object) // trueconsole.log(json instanceof Object) // truefunction a() {}console.log(a instanceof Function) // trueconsole.log(new Date() instanceof Date) //trueconsole.log(reg instanceof RegExp) //trueconsole.log(error instanceof Error) // true

三、Object.prototype.toString.call()

toString() 是 Object 的原型方法,調用該方法,默認返回當前對象的 [[Class]] 。這是一個內部屬性,其格式為 [object Xxx] ,其中 Xxx 就是對象的類型。

對于 Object 對象,直接調用 toString() 就能返回 [object Object] 。而對于其他對象,則需要通過 call / apply 來調用才能返回正確的類型信息。

console.log(Object.prototype.toString.call(1)) // [object Number]console.log(Object.prototype.toString.call(1n)) // [object BigInt]console.log(Object.prototype.toString.call(’123’)) // [object String]console.log(Object.prototype.toString.call(true)) // [object Boolean]console.log(Object.prototype.toString.call(undefined)) // [object Undefined]console.log(Object.prototype.toString.call(null)) // [object Null]console.log(Object.prototype.toString.call({})) // [object Object]console.log(Object.prototype.toString.call([])) // [object Array]console.log(Object.prototype.toString.call(function a() {})) // [object Function]console.log(Object.prototype.toString.call(Symbol())) // [object Symbol]console.log(Object.prototype.toString.call(Math)) // [object Math]console.log(Object.prototype.toString.call(JSON)) // [object JSON]console.log(Object.prototype.toString.call(new Date())) // [object Date]console.log(Object.prototype.toString.call(new RegExp())) // [object RegExp]console.log(Object.prototype.toString.call(new Error)) // [object Error]console.log(Object.prototype.toString.call(window) // [object Window]console.log(Object.prototype.toString.call(document) // [object HTMLDocument]

使用該方法我們可以封裝一個isType方法來對類型進行判斷

let isType = (type, obj) => { return Object.prototype.toString.call(obj) === `[object ${type}]`}console.log(isType(’Number’, 12)) // trueconsole.log(isType(’Number’, ’12’)) // false

或者

let type = function(o) { let s = Object.prototype.toString.call(o); return s.match(/[object (.*?)]/)[1].toLowerCase();};console.log(type(12)) // numberconsole.log(type(’12’)) // stringconsole.log(type({})) // objectconsole.log(type([])) // array

四、constructor

constructor屬性,可以得知某個實例對象,到底是哪一個構造函數產生的。

constructor屬性表示原型對象與構造函數之間的關聯關系,如果修改了原型對象,一般會同時修改constructor屬性,防止引用的時候出錯。所以,修改原型對象時,一般要同時修改constructor屬性的指向。

console.log(’22’.constructor === String) // trueconsole.log(true.constructor === Boolean) // trueconsole.log([].constructor === Array)// trueconsole.log(document.constructor === HTMLDocument) // trueconsole.log(window.constructor === Window) // trueconsole.log(new Number(22).constructor === Number) // trueconsole.log(new Function().constructor === Function) // trueconsole.log((new Date()).constructor === Date) // trueconsole.log(new RegExp().constructor === RegExp) // trueconsole.log(new Error().constructor === Error) // true

注意:

1、null 和 undefined 是無效的對象,因此是不會有 constructor 存在的,這兩種類型的數據需要通過其他方式來判斷。

2、函數的 constructor 是不穩定的,這個主要體現在自定義對象上,當開發者重寫 prototype 后,原有的 constructor 引用會丟失,constructor 會默認為 Object

以上就是JavaScript類型判斷的四種方法的詳細內容,更多關于JavaScript類型判斷的資料請關注好吧啦網其它相關文章!

標簽: JavaScript
相關文章:
主站蜘蛛池模板: 流量检测仪-气密性检测装置-密封性试验仪-东莞市奥图自动化科技有限公司 | 黄石东方妇产医院_黄石妇科医院哪家好_黄石无痛人流医院 | 橡胶接头_橡胶软接头_套管伸缩器_管道伸缩器厂家-巩义市远大供水材料有限公司 | PAS糖原染色-CBA流式多因子-明胶酶谱MMP-上海研谨生物科技有限公司 | 进口便携式天平,外校_十万分之一分析天平,奥豪斯工业台秤,V2000防水秤-重庆珂偌德科技有限公司(www.crdkj.com) | 断桥铝破碎机_铝合金破碎机_废铁金属破碎机-河南鑫世昌机械制造有限公司 | 闪蒸干燥机-喷雾干燥机-带式干燥机-桨叶干燥机-[常州佳一干燥设备] | 谈股票-今日股票行情走势分析-牛股推荐排行榜 | 电机保护器-电动机综合保护器-上海硕吉电器有限公司 | 泰安塞纳春天装饰公司【网站】| 郑州宣传片拍摄-TVC广告片拍摄-微电影短视频制作-河南优柿文化传媒有限公司 | 真空泵维修保养,普发,阿尔卡特,荏原,卡西亚玛,莱宝,爱德华干式螺杆真空泵维修-东莞比其尔真空机电设备有限公司 | 水上浮桥-游艇码头-浮动码头-游船码头-码瑞纳游艇码头工程 | 3D全息投影_地面互动投影_360度立体投影_水幕灯光秀 | 广东银虎 蜂窝块状沸石分子筛-吸附脱硫分子筛-萍乡市捷龙环保科技有限公司 | 烟气在线监测系统_烟气在线监测仪_扬尘检测仪_空气质量监测站「山东风途物联网」 | 河南砖机首页-全自动液压免烧砖机,小型砌块水泥砖机厂家[十年老厂] | 上海防爆真空干燥箱-上海防爆冷库-上海防爆冷柜?-上海浦下防爆设备厂家? | 济南网站建设|济南建网站|济南网站建设公司【济南腾飞网络】【荐】 | crm客户关系管理系统,销售管理系统,crm系统,在线crm,移动crm系统 - 爱客crm | 新型锤式破碎机_新型圆锥式_新型颚式破碎机_反击式打沙机_锤式制砂机_青州建源机械 | 贵州成人高考网_贵州成考网| 磁力抛光机_磁力研磨机_磁力去毛刺机-冠古设备厂家|维修|租赁【官网】 | 冲击式破碎机-冲击式制砂机-移动碎石机厂家_青州市富康机械有限公司 | 沈阳缠绕包装机厂家直销-沈阳海鹞托盘缠绕包装机价格 | 洗石机-移动滚筒式,振动,螺旋,洗矿机-青州冠诚重工机械有限公司 | 中视电广_短视频拍摄_短视频推广_短视频代运营_宣传片拍摄_影视广告制作_中视电广 | 气动绞车,山东气动绞车,气动绞车厂家-烟台博海石油机械有限公司 气动隔膜泵厂家-温州永嘉定远泵阀有限公司 | 冲锋衣滑雪服厂家-冲锋衣定制工厂-滑雪服加工厂-广东睿牛户外(S-GERT) | 飞利浦LED体育场灯具-吸顶式油站灯-飞利浦LED罩棚灯-佛山嘉耀照明有限公司 | 热镀锌槽钢|角钢|工字钢|圆钢|H型钢|扁钢|花纹板-天津千百顺钢铁贸易有限公司 | 搜活动房网—活动房_集装箱活动房_集成房屋_活动房屋 | 美国HASKEL增压泵-伊莱科elettrotec流量开关-上海方未机械设备有限公司 | 客服外包专业服务商_客服外包中心_网萌科技| 北京模型公司-工业模型-地产模型-施工模型-北京渝峰时代沙盘模型制作公司 | 标准品网_标准品信息网_【中检计量】 | 电动葫芦-河北悍象起重机械有限公司| 恒温油槽-恒温水槽-低温恒温槽厂家-宁波科麦仪器有限公司 | 威廉希尔WilliamHill·足球(中国)体育官方网站 | 蔡司三坐标-影像测量机-3D扫描仪-蔡司显微镜-扫描电镜-工业CT-ZEISS授权代理商三本工业测量 | 全自动定氮仪-半自动凯氏定氮仪厂家-祎鸿仪器 | 微型实验室真空泵-无油干式真空泵-微型涡旋耐腐蚀压缩机-思科涡旋科技(杭州)有限公司 |