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