javascript原始值和引用值类型及区别

原始值和引用值类型及区别

首先，原始值和引用值类型都是js中的数据类型，为了充分利用存储空间，定义了不同的数据类型，而且js是弱类型，动态语言，数据类型可变。

原始值（简单数据类型）

存储在栈中的简单数据段，也就是说，它们的值直接存储在变量访问的位置。包含五种：undefined，null，boolean，number和string，可以通过typeof来判断某数据是何简单数据类型。

引用值（复杂数据类型）

存储在堆中的对象，放在变量的栈空间中的值是该对象存储在堆中的地址，也就是说，存储在变量处的值是一个指针（内存地址），指向存储对象的堆内存中，包含Object，array，function等

区别：1.简单数据类型的值是储存在栈中，当把一个变量传递给另一个变量时，是把一个栈中的东西复制到另一个栈中，并且这两个变量互不影响，修改其中的变量值时不会改变另一个变量的结果。

var a=10
var b=a
a=1
console.log(b)//10

2.引用值是把引用变量的名称存储在栈中，但是把实际对象存储在堆中，栈中的内存地址指向堆中的实际对象，当把引用对象传递给另一个变量时，复制的其实是指向实际对象的指针（内存地址），此时两者指向的是同一个数据，若通过方法改变其中一个变量的值，则另一个变量的值也会改变，因此，js中对象的复制是默认引用赋值的。

const obj1={
        name:'xiaoming'
}
const obj2=obj1
obj2.name='xiaohong'
console.log(obj1)//xiaohong

也是因为上述特点，es6中，const是声明常量的，赋值后，该值不可改变。

const PI=3.14

PI=2.14//报错

console.log(PI)

//但是
const obj1={
        name:'xiaoMing'
}

obj1.name='xiaoHong'
console.log(obj1.name)//xiaoHong

这也是因为，const声明的obj1指向的是栈中的内存地址，此地址不可被修改，但是堆中存储的数据它是管不着的。

小明的妈妈让小明看门，家里的东西被偷光了，门还在。

如果你想复制赋值，另外一个值不会随它改变而改变，则必须重新分配对象，此时，该值的原指针（内存地址）改变，则另外一个值不会随它的改变而改变。

var obj1={
        name:'xiaoMing'
}
var obj2=Object.assign({},obj1)

obj2.name='xiaoHong'
console.log(obj1)
console.log(obj2)