js中基本数据类型和引用数据类型的区别,一个初学者特别容易忽略的地方
2019-04-14 11:06
204 查看
废话不多说,上来先搞两个例子
let a = "番茄"; let b = a; b = "西红柿"; console.log(a); //番茄 console.log(b); //西红柿
这波操作很正常,再看下面这个,
let a = {name:"番茄",weight:"半斤"}; let b = a; b.name = "西红柿"; console.log(a); //{ name: '西红柿', weight: '半斤' } console.log(b); //{ name: '西红柿', weight: '半斤' }
有没有很奇怪,我明明是修改了b的name为西红柿,为什么a的name也变了呢?
这里是因为上面的例子和下面的例子的数据类型不同,上面的例子属于基本数据类型,下面的例子属于引用数据类型。
js中有五大基本数据类型,string(字符串),number(数字),boolean(布尔值),null(空),undefined(未定义),其余的都是引用数据类型。
基本数据类型是存放于栈区内的,它的存储结构如图:
引用数据类型是同时存放于栈区和堆区的,结构如图:
当我们初始化a为一个对象的时候,对象本身存储于堆内,而a的值实际上是保存了堆的内存地址,当我们声明b=a的时候,并没有创建另一个新的对象,而是把a的堆内存地址赋值给了b,这个时候a,b其实是指向了同一个对象。所以,第二个例子也就不难理解了,当修改了b的name为西红柿的时候,a的name也变了,因为它们本身就是同一个对象。
这就是基本数据类型与引用数据类型的区别,由于基本数据类型只存在于栈区中,所以基本数据类型的值之间都是相互独立的,而引用数据类型之间则可以相互影响。
相关文章推荐
- JS基本数据类型和引用数据类型的区别
- js基本数据类型和引用数据类型的区别
- 深入解析js中基本数据类型与引用类型,函数参数传递的区别
- java基本数据类型传递与引用传递区别详解(一个大神的解析,不是我。。)
- JS基本数据类型和引用数据类型的区别
- 深入解析js中基本数据类型与引用类型,栈和队的区别
- 基本数据类型跟引用数据数据类型的区别
- java基本数据类型传递与引用传递区别详解
- java基本数据类型传递与引用传递区别详解
- 基本数据类型和引用数据类型的区别
- js 基本数据类型undefined和null区别
- js 基本类型与引用类型的区别
- JS 基本数据类型和引用数据类型
- 用类名做方法的返回值类型 在学习Java的初始阶段,很多同学使用基本数据类型定义变量和引用类型定义变量以及使用类名做方法的返回值类型常常不知所以。今天我以自己的解读方式和个人的理解作一个简单的解释,和
- 【基本数据类型】和【引用数据类型】的区别
- js的基本数据类型 引用类型 以及常见的内置对象
- 【JavaScript】基本数据类型与引用数据类型区别(及为什么String、Boolean、Number基本数据类型会有属性和方法?)
- 引用数据类型及与基本数据类型的区别
- js 基本类型与引用类型的区别
- java基本数据类型传递与引用传递区别详解