ICode9

精准搜索请尝试: 精确搜索
首页 > 编程语言> 文章详细

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

2021-12-27 10:06:38  阅读:180  来源: 互联网

标签:obj1 存储 console name 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)

 

标签:obj1,存储,console,name,javascript,数据类型,原始,引用,变量
来源: https://www.cnblogs.com/clearyang/p/15735049.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有