ECMAScript基本类型与引用类型

ECMAScript 变量可能包含两种不同数据类型的值:基本类型值和引用类型值

两种类型PK:

1、保存方式不同,访问方式不同:

基本类型值:指的是简单的数据段例如下面六种数据类型的值:String、Number、Undefind、Null、Boolean、Symbol。

引用类型的值:也就是对象类型的值,例如:Object 、Array 、Function 、Date、RegExp 、Set、Map等。除此之外,为了便于操作基本数据类型,ECMAScript还提供了3个特殊的引用数据类型:Boolean、Number和String,我们称之为基本包装类型。

基本类型的值保存在栈区,可以操作基本数据类型的实际值,基本类型值按值访问

引用类型的值(Object)是保存在内存中的对象(同时保存在栈内存和堆内存中)。JavaScript 不允许直接访问内存中的位置,因此在操作对象时,实际上是操作的对象的引用而不是实际的对象。引用类型的值按引用访问

2、 复制变量值的不同

值的复制:

let num1 = 1
let num2 = num1
num1 = 2 
console.log(num2) //  1

引用的复制:

let obj1 = new Object()
let obj2 = obj1
obj1.value = 3
console.log(obj2.value) // 3

3、比较值的方式不同

值的比较:

let str1 = 'a'
let str2 = 'a'
console.log(str1 == str2) // true

注意:Symbol() 会生成一个独一无二的值

let name1 = Symbol('xr')
let name2 = Symbol('xr')
console.log(name1 == name2) // false 
// name1和name2仅仅是描述值(如上的‘xr’)相同, 实际值都唯一

引用的比较:

let obj1 = {}
let obj2 = {}
let num1 = new Number()
let num2 = new Number()
console.log(obj1==obj2) // false
console.log(num1===num2) // false

4、两种类型的检测方法不同

typeof 操作符可以很好地区分基本数据类型的值,例如:

基本数据类型:

typeof 'a' // string
typeof 2 // number
typeof true // boolean
typeof undefined // undefined
typeof null // object
typeof Symbol() // symbol

引用类型

typeof new Function() // function
typeof new Object() // object
typeof new Array() // object
typeof new RegExp // object
typeof new Date() // object
typeof new Set() // object
typeof new Map() // object

基本包装类型:

type of new Boolean // object
type of new String() // object
type of new Number() // object

instanceof 操作符可以更好地区分引用类型的值, 例如:

new Object() instanceof Object // true
new Array() instanceof Array // true
new RegExp()  instanceof RegExp // true
new Function instanceof Function // true
new Date() instanceof Date // true
new Boolean() instanceof Boolean // true
new String() instanceof String // true
new Number() instanceof Number // true
new Set() instanceof Set // true
new Map() instanceof Map // true
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值