当前位置: 首页 > news >正文

合肥网站优化公司网站收录工具

合肥网站优化公司,网站收录工具,美国网站 香港ip,vue做的网站相信很多小伙伴在使用js的过程中,经常会需要对js的数据类型进行判断,而js中可以对数据类型进行判断的方法有很多种,最常见的有typeof、Object.prototype.toString、instanceof、constructor这四种,那么他们有什么区别呢&#xff1…

相信很多小伙伴在使用js的过程中,经常会需要对js的数据类型进行判断,而js中可以对数据类型进行判断的方法有很多种,最常见的有typeof、Object.prototype.toString、instanceof、constructor这四种,那么他们有什么区别呢?

目录

js数据类型

typeof

为啥typeof会将null判断为object

Object.prototype.toString

instanceof

constructor


js数据类型

先回顾下js的数据类型,js数据类型可分为两大类:

1.基本数据类型:又可以细分为七种:number string boolean undefined null bigint symbol

2.引用数据类型

typeof

基本数据类型均可判断(null除外,typeof会将null判断为object)

引用数据类型只可判断function,其他类型的引用数据均判断为object

//基本数据类型
et str='string'
console.log(typeof str) //stringlet num=1
console.log(typeof num) //numberlet ifRight=true
console.log(typeof ifRight) // booleanlet var1
console.log(typeof var1)  //undefinedlet var2=null
console.log(typeof var2)   //注意这里打印的是objectlet sym=Symbol('sym')
console.log(typeof sym) //symbollet bInt=BigInt('1234567890')
console.log(typeof bInt) //bigint//引用数据类型
function func(){return '3'}
console.log(typeof func) //functionlet arr=new Array()
console.log(typeof arr)    //object

为啥typeof会将null判断为object

之前有次面试,面试官提了一嘴,当时没答上来,后来查了查感觉还挺有意思,贴个当时找的图 

Object.prototype.toString

toString()是object的原型方法, 会返回一个格式为[object xxx]的内部属性,xxx就是对象的数据类型。

Object.prototype.toString可以判断所有的数据类型。

缺点:无法区分string(基本数据类型)和String(对象),number和Numbe等也同理

let str='string'
let str2=new String() //使用String构造函数创建let num=1
let ifRight=true
let var1
let var2=null
let sym=Symbol('sym')
let bInt=BigInt('1234567890')
function func(){return '3'}
let arr=new Array()console.log(Object.prototype.toString.call(str)) // [object String]
console.log(Object.prototype.toString.call(str2)) // [object String],和str的一样console.log(Object.prototype.toString.call(num)) // [object Number]
console.log(Object.prototype.toString.call(ifRight))  // [object Boolean]
console.log(Object.prototype.toString.call(var1))  // [object Undefined]
console.log(Object.prototype.toString.call(var2))  // [object Null]
console.log(Object.prototype.toString.call(sym))  // [object Symbol]
console.log(Object.prototype.toString.call(bInt))  // [object BigInt]
console.log(Object.prototype.toString.call(func))  // [object Function]
console.log(Object.prototype.toString.call(arr))  // [object Array]

instanceof

instanceof运算符用来检测构造函数的ptototype属性是否出现在某个实例对象的原型链上,

所以只能用来判断引用数据类型,不能对基本数据类型进行判断

let str1=new String()
let str='string' //基本数据类型string
let map =new Map()
let arr1=new Array()
function func(){return '3'}console.log(str1 instanceof String)  //true
console.log(str1 instanceof Object)  //trueconsole.log(str instanceof String)  //false 基本数据类型不可检测
console.log(str instanceof Object)  //false 基本数据类型不可检测console.log(map instanceof Map)      //true
console.log(arr1 instanceof Array)   //true
console.log(func instanceof Function) //true

缺点:当一个页面存在多个ifream(也就是存在多个全局变量window),此时instanceof的判断会被来自不同ifream的数据所干扰,导致数据不可信。

constructor

利用原型上的prototype.constructor指向实例的构造函数来进行判断

基本数据类型/引用数据类型均可判断

缺点:和Object.prototype.toString一样,无法区分string(基本数据类型)和String(对象),number和Numbe等也同理

let str1=new String()
let str='string'
let ifRight=true
let map =new Map()
let arr1=new Array()
function func(){return '3'}console.log(str1.constructor===String)  //true
console.log(str.constructor===String)  //true 基本数据也可判断,但是无法和String区分
console.log(str.constructor===Object)  //false
console.log(ifRight.constructor===Boolean)  //true 基本数据类型console.log(map.constructor===Map)     //true
console.log(arr1.constructor===Array)   //true
console.log(func.constructor===Function)  //true

http://www.hengruixuexiao.com/news/53501.html

相关文章:

  • 制作网站的登录界面怎么做哈尔滨关键词优化方式
  • 电商网站及企业微信订烟seo关键词快速排名软件
  • 放心的网站设计制作广告投放这个工作难不难做
  • 汉阳网站建设北京疫情发布不再公布各区数据
  • 网站系统重要性许昌seo推广
  • 网站备案到期百度上做优化一年多少钱
  • 太仓有专门做网站的地方吗湖南关键词网络科技有限公司
  • 网站制作建设怎么收费廊坊关键词排名优化
  • 在哪找做调查赚钱的网站好2022新闻热点10条
  • aspnet东莞网站建设价格线下营销推广方式都有哪些
  • 大型网站建设开发设计公司可口可乐软文营销案例
  • 贵州省建设局八大员报名网站网页开发需要学什么
  • 武汉网站建设公司哪一家比较好百度关键字优化价格
  • facebook怎么推广网站产品营销策划
  • 成都网站建设v谷歌seo是什么
  • 人才招聘网站建设方案专业做网站官网
  • wordpress怎么配置七牛云seo人员是什么意思
  • 网站开发文档需求撰写word小网站
  • 网站建设模块推广业务平台
  • 企业 北京 响应式网站广州seo网站多少钱
  • 资阳公司网站建设怎么提高关键词搜索权重
  • 北京企业网站建设价格论坛推广案例
  • wordpress 支持 插件下载泰州网站建设优化
  • 网站更新文章重庆网站页面优化
  • 米可网络科技有限公司seo网站关键词优化排名
  • 网站开发保密协议外贸网络推广营销
  • dede旅游网站源码 多城市百度广告怎么收费标准
  • 静态网页模板网站免费友情链接交换平台
  • 做电影网站需要网络营销的市场背景
  • 网站正在备案中模板网络推广技巧