函数

函数参数传递基本数据类型和复杂数据类型的区别

• 之前我们知道了，基本数据类型和复杂数据类型在存储上是有区别的

• 那么他们在赋值之间也是有区别的

• 基本数据类型之间的赋值

  var num = 10
  var num2 = num
  
  num2 = 200
  
  console.log(num) // 100
  console.log(num2) // 200
  

  • 相当于是把 num 的值复制了一份一摸一样的给了 num2 变量
  • 赋值以后两个在没有关系

• 复杂数据类型之间的赋值

  var obj = {
    name: 'Jack'
  }
  var obj2 = obj
  
  obj2.name = 'Rose'
  
  console.log(obj.name) // Rose
  console.log(obj2.name) // Rose
  

  • 因为复杂数据类型，变量存储的是地址，真实内容在 堆空间 内存储
  • 所以赋值的时候相当于把 obj 存储的那个地址复制了一份给到了 obj2 变量
  • 现在 obj 和 obj2 两个变量存储的地址一样，指向一个内存空间
  • 所以使用 obj2 这个变量修改空间内的内容，obj 指向的空间也会跟着改变了

函数的参数

• 函数的参数也是赋值的之中，在函数调用的时候，实参给行参赋值

• 和之前变量赋值的规则是一样的

• 函数传递基本数据类型

  function fn(n) {
    n = 200
    console.log(n) // 200
  }
  
  var num = 100
  fn(num)
  console.log(num) // 100
  

  • 和之前变量赋值的时候一样，在把 num 的值复制了一份一摸一样的给到了函数内部的行参 n
  • 两个之间在没有任何关系了

• 函数传递复杂数据类型

  function fn(o) {
    o.name = 'Rose'
    console.log(o.name) // Rose
  }
  
  var obj = {
    name: 'Jack'
  }
  fn(obj)
  console.log(obj.name) // Rose
  

  • 和之前变量赋值的时候一样，把 obj 内存储的地址复制了一份一摸一样的给到函数内部的行参 o
  • 函数外部的 obj 和函数内部的行参 o，存储的是一个地址，指向的是一个存储空间
  • 所以两个变量操作的是一个存储空间
  • 在函数内部改变了空间内的数据
  • obj 看到的也是改变以后的内容