Javascript有几种数据类型的值 数据类型的判断方法

栈:
原始数据类型(Undefined, Null Boolean Number 、String ,Symbol(ES6新增) )
堆:
引⽤数据类型(对象、数组和函数)
区别:
原始数据类型直接存储在栈 (stack) 中的简单数据段,占据空间⼩、⼤⼩固定,属于被频繁使⽤数
据, 所以放⼊栈中存储
引⽤数据类型存储在堆 (heap) 中的对象 , 占据空间⼤、⼤⼩不固定 , 如果存储在栈 中, 将会影响程
序运⾏的性能; 引⽤数据类型在栈中存储了指针, 该指针指向堆中该实体的起始地址 。当解释器
寻找引⽤值时, 会⾸先检索其在栈中的地址, 取得地址后从堆中获得实体
传递⽅式:
原始类型是按值传递, 引⽤类型是按共享传递, 即传的是指针。
设计原因:
JS 中这种设计的原因是: 按值传递的类型, 复制⼀份存⼊栈内存, 这类类型⼀般不占⽤太多内
存,⽽且按值传递保证了其访问速度。按共享传递的类型,是复制其引⽤,⽽不是整个复制其值(C
语⾔中的指针),保证过⼤的对象等不会因为不停复制内容⽽造成内存的浪费
图解js的内存模型:

数据类型的判断方法

判断数据类型的方法一般可以通过:typeofinstanceofconstructortoString四种常用方法

typeof:

能准确判断除 null 以外的基本数据类型的值,

对于对象类型,除了函数会判断成 function,其他对象类型一律返回 object

补充:

为什么typeof null会判断为object?

不同的对象在底层都表示为二进制,在 JavaScript 中二进制前三位都为 0 的话会被判断为 object 类型, null 的二进制表示是全 0,自然前三位也是 0,所以执行 typeof 时会返回“ object ”。

这个bug是第一版Javascript留下来的。

instanceof:

(不能判断基本数据类型)

基础介绍:

运算符用于检测构造函数的 prototype 属性是否出现在某个实例对象的原型链上,返回值为布尔值,用于指示一个变量是否属于某个对象的实例。

进阶原理:

instanceof 主要的实现原理就是只要右边变量的 prototype 在左边变量的原型链上即可。因此,instanceof 在查找的过程中会遍历左边变量的原型链,直到找到右边变量的 prototype,如果查找失败,则会返回 false. 具体步骤如下:

  1. 获取左边变量的隐式原型(即:__ proto __ ,可通过 Object.getPrototypeOf()获取);

  2. 获取右边变量的显示原型(即:prototype);

  3. 进行判断,比较 leftVal. __ proto __ . __ proto __ …… === rightVal.prototype,相等则返回 true,否则返回 false。

补充:

上边的列子可以发现,当判断数组是否为对象时 会返回true,这就是instanceof存在的弊端,理解instanceof判断原理即可理解此原因,所以我们在判断是否为数组时,使用Array.isArray()判断

constructor:

优点:基本能检测所有的类型(除了 null 和 undefined)

缺点:constructor易被 修改

Object.prototype.toString:

toString() 是 Object 的原型方法,调用该方法,可以统一返回格式为 “[object Xxx]” 的字符串,其中 Xxx 就是对象的类型。

对于 Object 对象,直接调用 toString() 就能返回 [object Object]

对于其他类型,则需要通过 call 来调用(改变this的指向,让()调用Object.prototype.toString方法),才能返回正确的类型信息。

优点:检测出所有类型

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

吞掉星星的鲸鱼

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值