IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> JavaScript知识库 -> javascript简单和复杂数据类型在内存中的存储和引用之探究 -> 正文阅读

[JavaScript知识库]javascript简单和复杂数据类型在内存中的存储和引用之探究

一、简单数据类型( number, string, bool, undefined和null)
1.1 简单数据类型在内存中是如何存储的? —》变量的值存放在栈中
当我们声明一个变量a的时候, 栈里面会开辟出一块新的内存空间, 用来存放这个变量a的值, 当这个变量a的值发生改变时, 栈空间里的对应那块内存里的值也会发生改变。

1.2 此时如果新声明了一个变量b, 并把变量a赋值给变量b时,b如何存储?
当声明b时,栈里面又会新开辟出一块空间, 用来存放变量b的值,这个值,是a传递给它的。
所以此时变量a、变量b分别对应栈中的两块不同的存储空间,但它们存储的值是一样的。
综上:当变量a发生改变时, 并不会影响到变量b所拥有的那块内存空间, 所以变量b是不会改变的。

var a=0;
var b=a;
a=2;
console('b')  //b=0

在这里插入图片描述

二、复杂数据类型 (除简单数据类型外,其余都是复杂数据类型,包括函数,函数本身就是一种对象) ===》数据存放在栈中

2.1复杂数据类型在声明之后, 会在 堆 内存中开辟出一块空间, 用来存放数据
以对象为例,在新建一个对象后, 会在堆内存中开辟一块空间, 用来存放对象里的数据。
复杂数据类型跟简单数据类型的不同点在于, 简单数据类型的变量指向的是内存中的数据, 而复杂数据类型指向的是其在内存中的地址,通过这个地址, 从而拿到地址中的数据, 因此, 如果将一个对象赋值给另一个对象的时候, 其实是把这个对象在内存空间中的地址传递给了另一个对象, 此时, 他们共享内存中的同一块空间以及空间里的数据。
如果对其中一个对象的一个属性进行修改的话, 那么因为两个对象是共享一块地址一个数据的, 因此另一个对象中的属性也会被改变. 如果对其中一个对象重新赋值的话, 那么这个对象就会指向另一块内存空间, 就不再与另一个对象共享同一块内存。

var obj1 = {
  name: 'xtf'
}
var obj2 = obj1
obj1.name = 'lisi'     //修改属性
console.log(obj2.name)  //lisi

//对obj_one进行重新赋值
obj1 = {
  name: 'wangwu'
}
console.log(obj2.name)  //lisi

在这里插入图片描述
注意:JavaScript中其实是没有堆和栈的概念,这里只是通过堆和栈的方式,达到更容易理解代码执行方式的目的。

  JavaScript知识库 最新文章
ES6的相关知识点
react 函数式组件 & react其他一些总结
Vue基础超详细
前端JS也可以连点成线(Vue中运用 AntVG6)
Vue事件处理的基本使用
Vue后台项目的记录 (一)
前后端分离vue跨域,devServer配置proxy代理
TypeScript
初识vuex
vue项目安装包指令收集
上一篇文章      下一篇文章      查看所有文章
加:2021-07-13 17:22:27  更:2021-07-13 17:22:43 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年9日历 -2024/9/17 3:20:44-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码