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

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

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

瀏覽:131日期: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
相關文章:
主站蜘蛛池模板: 广东恩亿梯电源有限公司【官网】_UPS不间断电源|EPS应急电源|模块化机房|电动汽车充电桩_UPS电源厂家(恩亿梯UPS电源,UPS不间断电源,不间断电源UPS) | 仓储货架_南京货架_钢制托盘_仓储笼_隔离网_环球零件盒_诺力液压车_货架-南京一品仓储设备制造公司 | 综合管廊模具_生态,阶梯护坡模具_检查井模具制造-致宏模具厂家 | 长沙一级消防工程公司_智能化弱电_机电安装_亮化工程专业施工承包_湖南公共安全工程有限公司 | 山东锐智科电检测仪器有限公司_超声波测厚仪,涂层测厚仪,里氏硬度计,电火花检漏仪,地下管线探测仪 | 可程式恒温恒湿试验箱|恒温恒湿箱|恒温恒湿试验箱|恒温恒湿老化试验箱|高低温试验箱价格报价-广东德瑞检测设备有限公司 | 嘉兴恒升声级计-湖南衡仪声级计-杭州爱华多功能声级计-上海邦沃仪器设备有限公司 | 招商帮-一站式网络营销服务|搜索营销推广|信息流推广|短视视频营销推广|互联网整合营销|网络推广代运营|招商帮企业招商好帮手 | 电竞学校_电子竞技培训学校学院-梦竞未来电竞学校官网 | 液压油缸-液压缸厂家价格,液压站系统-山东国立液压制造有限公司 液压油缸生产厂家-山东液压站-济南捷兴液压机电设备有限公司 | 手机存放柜,超市储物柜,电子储物柜,自动寄存柜,行李寄存柜,自动存包柜,条码存包柜-上海天琪实业有限公司 | 火锅底料批发-串串香技术培训[川禾川调官网] | 新密高铝耐火砖,轻质保温砖价格,浇注料厂家直销-郑州荣盛窑炉耐火材料有限公司 | 污水处理设备-海普欧环保集团有限公司 | 北京三友信电子科技有限公司-ETC高速自动栏杆机|ETC机柜|激光车辆轮廓测量仪|嵌入式车道控制器 | 微量水分测定仪_厂家_卡尔费休微量水分测定仪-淄博库仑 | 天津散热器_天津暖气片_天津安尼威尔散热器制造有限公司 | 网站seo优化_seo云优化_搜索引擎seo_启新网络服务中心 | 炭黑吸油计_测试仪,单颗粒子硬度仪_ASTM标准炭黑自销-上海贺纳斯仪器仪表有限公司(HITEC中国办事处) | 成都离婚律师|成都结婚律师|成都离婚财产分割律师|成都律师-成都离婚律师网 | 数字展示在线_数字展示行业门户网站| 全自动面膜机_面膜折叠机价格_面膜灌装机定制_高速折棉机厂家-深圳市益豪科技有限公司 | 2025黄道吉日查询、吉时查询、老黄历查询平台- 黄道吉日查询网 | 电子万能试验机_液压拉力试验机_冲击疲劳试验机_材料试验机厂家-济南众标仪器设备有限公司 | 动库网动库商城-体育用品专卖店:羽毛球,乒乓球拍,网球,户外装备,运动鞋,运动包,运动服饰专卖店-正品运动品网上商城动库商城网 - 动库商城 | 卫生纸复卷机|抽纸机|卫生纸加工设备|做卫生纸机器|小型卫生纸加工需要什么设备|卫生纸机器设备多少钱一台|许昌恒源纸品机械有限公司 | 外观设计_设备外观设计_外观设计公司_产品外观设计_机械设备外观设计_东莞工业设计公司-意品深蓝 | 光栅尺厂家_数显表维修-苏州泽升精密机械 | 根系分析仪,大米外观品质检测仪,考种仪,藻类鉴定计数仪,叶面积仪,菌落计数仪,抑菌圈测量仪,抗生素效价测定仪,植物表型仪,冠层分析仪-杭州万深检测仪器网 | 物流公司电话|附近物流公司电话上门取货 | 鹤壁创新仪器公司-全自动量热仪,定硫仪,煤炭测硫仪,灰熔点测定仪,快速自动测氢仪,工业分析仪,煤质化验仪器 | 光纤测温-荧光光纤测温系统-福州华光天锐光电科技有限公司 | 南京租车,南京汽车租赁,南京包车,南京会议租车-南京七熹租车 | 手机游戏_热门软件app下载_好玩的安卓游戏下载基地-吾爱下载站 | 脑钠肽-白介素4|白介素8试剂盒-研域(上海)化学试剂有限公司 | 冷水机,风冷冷水机,水冷冷水机,螺杆冷水机专业制造商-上海祝松机械有限公司 | 防爆型气象站_农业气象站_校园气象站_农业四情监测系统「山东万象环境科技有限公司」 | 东莞猎头公司_深圳猎头公司_广州猎头公司-广东万诚猎头提供企业中高端人才招聘服务 | 石家庄小程序开发_小程序开发公司_APP开发_网站制作-石家庄乘航网络科技有限公司 | 超声骨密度仪,双能X射线骨密度仪【起草单位】,骨密度检测仪厂家 - 品源医疗(江苏)有限公司 | 东莞压铸厂_精密压铸_锌合金压铸_铝合金压铸_压铸件加工_东莞祥宇金属制品 |