不同数据类型的存储

不同数据类型的存储

​ 1. 基本数据类型

​ 2.复杂数据类型(地址/引用)

浏览器存储空间内存中, 分成两部分

​ 1. 栈内存

​ 2. 堆内存

​ 在 js 的代码中, 我们只能访问到栈内存的数据

存储数据

​ 1. 基本数据类型就直接存储在栈内存中 数据+变量

​ 2. 复杂数据类型

​ （1） 在堆内存中开辟空间存储数据

​ （2） 把空间地址赋值给栈内存中的变量

var n = 100
    var s = 'hello'
    var o = { name: 'Jack', f: function () { console.log('o.f') } }
    var f = function () { console.log('f 函数') }

    // o 这个对象内叫做 f 的成员保存的函数地址, 执行一遍
    o.f()

数据类型的赋值

数据类型的赋值

​ 变量的赋值: 把当前变量内存储的内容一模一样的复制一份给到另一个变量

基本数据类型

​ 1. 因为变量中就是直接存储的准确的值

​ 2. 赋值的过程中, 就是把准确的值复制了一份给到另一个变量

​ 3.赋值以后, 两个变量没有任何关系

 var a = 100
     var b = a
     console.log(a)
     console.log(b)

     a = 200
     console.log(a)
     console.log(b)

复杂数据类型

​ 1. 因为变量中存储的不是准确的数据结构, 存储的是 地址

​ 2. 赋值的过程中, 是把变量中存储的地址复制了一份给到另一个变量

​ 3. 赋值以后, 两个变量操作同一个存储空间

函数的形参和实参的交互, 以及函数的返回值也是赋值的一种

// o1 存储的是一个地址
     var o1 = { name: 'Jack', age: 18, gender: '男' }
     // 把 o1 存储的地址复制给了 o2
     var o2 = o1

     console.log(o1, o2)
     o1.name = '张三'
     console.log(o1, o2)

     var o2 = { name: '李四' }
     console.log(o1, o2)

函数的 return 也是赋值的一种

   function fn(a) {
       // a 得到的内容是数值 10
       // a * 10 的结果就是 100
       // res 得到的数据就是 100 这个数字
       var res = a * 10

       // return res, 就是把 res 保存的值返回到函数外面
       // 因为 res 保存的是基本数据类型
       // 给出的就是准确的值
       return res
     }

     // result 接收到的就是 100 这个数字
       var result = fn(10)

  function fn() {
       var obj = { name: 'Jack' }

      // 因为 obj 内存储的内容是 某一个对象的地址
     // 给出去的也是一个地址
       return obj
     }

    // // result 接受到的就是 fn 私有作用域内那个 对象的 地址
     var result = fn()