JavaScript高级-数据、变量、内存的定义与联系

1.定义

• 什么是数据?
  • 存储在内容中代表特定信息的二进制编码,本质为01001…
  • 数据的特点:可传递，可运算
  • 一切皆数据
  • 内存中所有操作的目标:数据
    • 算术运算
    • 逻辑运算
    • 赋值
    • 运行函数
• 什么是内存?
  • 内存条通电后产生的可存储数据的空间(临时的)
  • 内存的产生和死亡:内存条(电路板)>通电>产生内存空间==>存储数据==>处理数据==>断电==>内存空间和数据都消失
  • 一块内存中包含
    • 内部存储的数据
    • 地址值
  • 内存分类
    • 栈:全局变量/局部变量
    • 堆:对象
• 什么是变量?
  • 可变化的量，由变量名和变量值组成
  • 每个变量都对应一块小内存,变量名用来查找对应的内存,变量值就是内存中保存的数据
• 内存，数据，变量三者之间的关系
  • 内存是用来存储数据的空间
  • 变量是内存的标识

2.示例

我们定义一个变量名为obj的对象时,内存块A中产生一块小内存存储变量名以及对象的地址值0x123，内存块B中产生一块小内存存储对象的地址值以及对象中包含的数据

若此时我们定义一个a，并将obj赋值给a，那么此时内存块A中产生一块小内存存储变量名a以及obj中存储的地址值，也就是内存B中变量的地址值0x123(而不是内存A中obj本身的地址值),这样就使得内存块A中的两个小内存块都与内存块B中的内存块建立起了联系

3.相关问题

1.let a = xxx,a内存中到底保存的是什么?

• 如果xxx是基本数据，保存的就是这个数据
• 如果xxx是对象，保存的就是这个对象在堆内存中的地址值
• 如果xxx是变量,保存的是xxx的内存内容(如果xxx的内存内容是基本数据，那么a中保存的就是基本数据，如果xxx的内存内容是对象，那么a中保存的就是这个对象在堆内存中的地址值)

 	const a = 3
    const b = {name:'tom'}
    const c = a
    const d = b
    console.log(a);//3
    console.log(b);//{name:'tom'}
    console.log(c);//3 
    console.log(d);//{name:'tom'}

我们定义变量a为3，此时3是一个常量,a中保存的是常量3

定义b为变量，此时B中生成存放对象的内存,b中保存的是B内存块中的对象的地址值

当定义c=a时,c中保存的是a中的内存数据,也就是3

当定义d=b时,d中保存的时b中的内存数据,也就是存放在B中的对象的内存的地址值0x123，此时d和b都与B中的内存建立起了联系

注意:如果定义变量的值为数组或者函数,其存储的原理与对象是一样的,因为数组和函数都属于对象

---

2.关于引用变量赋值问题

	const obj1 = {name:'Tom'}
    const obj2 = obj1
    obj2.age = 14
    obj2.name ='Bob'
    console.log(obj1);//{name: 'Bob', age: 14}
    function fun(obj){
        obj.name = 'Alice'
    }
    fun(obj1)
    console.log(obj1);//{name: 'Alice', age: 14}

由上述第一个问题解释我们已知，当给变量a赋值为另一个变量b且这个b变量为对象时，a和b都会与堆内存中的存放变量的内存建立联系

当修改obj2的值时，实际上是修改内存块B中地址值为0x123的内存的内容,而我们定义的obj1和fun()中存储的地址值均为0x123,故而我们修改三者中任意一个的值,其余两个变量内容都会改变,因为我们更改的是源数据

---

	let obj1 = {name:'Tom'}
    let obj2 = obj1
    function fun(obj){
        obj={name:'Alice'}
    }
    obj2 = {name:'Bob'}
    fun(obj1)
    console.log(obj1);//{name: 'Tom'}

上述代码与上例不同的是,我们将obj1赋值给obj2后,将obj2修改为一个新的对象，此时obj2中存放的地址值已经变成了新的内存块的地址值,obj2与地址值为0x123内存已经没有联系,函数fun与obj2类似,修改成新的对象后,fun与0x123内存已经没有联系