系列文章
【javascript基础——系列1】前端页面ajax连接后台服务器传输数据
【javascript基础——系列2】前端页面axios连接后台服务器传输数据
【javascript基础——系列3】js中的事件的事件冒泡、事件捕获
【javascript基础——系列4】关于js的数据类型以及判别方法
【javascript基础——系列5】js的defer和async;parsesint;图片压缩
【javascript基础——系列6】常见的5种JS设计模式;发布订阅者模式
【javascript基础——系列7】变量提升函数提升;内存泄漏
【javascript基础——系列8】函数传参传递值还是引用;函数式编程
【javascript基础——系列10】js中隐藏元素的几种方法以及代码
【javascript基础——系列11】跨域存在的原因以及解决办法
文章目录
前言
JavaScript 是属于 HTML 和 Web 的编程语言,其数据类型分为基本数据类型和引用数据类型
提示:以下是本篇文章正文内容,下面案例可供参考
一、js的数据类型分类
JavaScript 是属于 HTML 和 Web 的编程语言,其数据类型分为基本数据类型和引用数据类型,其中基本数据类型的变量一般是存放在栈中,引用类型的值是同时保存在栈内存和堆内存的对象。
下面介绍js中这两种类型:
基本数据类型:
- number
- NaN
- infinity
- string
- boolean
- null
- undefined
- symbol
- static symbol
- symbol prototype
- bigint
引用数据类型:
- object:
- 普通对象
- 数组对象
- 正则对象
- 日期对象
- Math数学函数对象
- JSON对象
- Set
- Map
- function:
- 普通函数
- 箭头函数
- 构造函数
- 生成器函数
- 匿名函数
- 自调用函数
二、如何判别这些数据类型
1、typeof()
举例:console.log(typeof undefined); // undefined
console.log(typeof []); // object
console.log(typeof {}); // object
console.log(typeof function(){}); // function
console.log(typeof null); // object
优点:能够快速区分基本数据类型
缺点:不能将Object、Array和Null区分,都返回object
2、instanceof
举例:console.log(2 instanceof Number); // false
console.log(true instanceof Boolean); // false
console.log(‘str’ instanceof String); // false
console.log([] instanceof Array); // true
console.log(function(){} instanceof Function); // true
console.log({} instanceof Object); // true
优点:能够区分Array、Object和Function,适合用于判断自定义的类实例对象
缺点:Number,Boolean,String基本数据类型不能判断
3、Object.prototype.toString.call()
举例:console.log(Object.prototype.toString.call(2)); //[object Number]
console.log(Object.prototype.toString.call(true)); //[object Boolean]
优点:精准判断数据类型
缺点:写法繁琐不容易记,推荐进行封装后使用
4.constructor
constructor判断数组和对象,但无法判断null,因为null不是对象没有constructor
console.log("".constructor == String); //true
console.log(false.constructor == Boolean); //true
console.log(new Number(10).constructor == Number); //true 这里要使用对象的方式
console.log([].constructor == Array); //true
console.log({}.constructor == Object); //true
当函数被定义时,JS引擎会自动为其添加prototype原型对象,并在原型对象上添加constructor和__proto__两个属性,constructor用于再指向该函数,__proto__最终都指向Object.prototype,用于原型链查找。所以当我们通过构造函数创建对象后,每个对象的原型链上都有constructor属性,而constructor属性又指向了构造函数的引用,所以可以通过这种方式判断数据类型。
三、instanof的实现原理
instanceof 主要的实现原理就是只要右边变量的 prototype 在左边变量的原型链上即可。因此,instanceof 在查找的过程中会遍历左边变量的原型链,直到找到右边变量的 prototype,如果查找失败,则会返回 false
举例:console.log(2 instanceof Number); // false
console.log(true instanceof Boolean); // false
console.log(‘str’ instanceof String); // false
console.log([] instanceof Array); // true
console.log(function(){} instanceof Function); // true
console.log({} instanceof Object); // true
码字不易~, 各位看官要是看爽了,可不可以三连走一波,点赞皆有好运!,不点赞也有哈哈哈~~~