javascript深入参数传递

  • A+
所属分类:Web前端
摘要

我们都知道javascript的基础数据类型有: Undefined 、 Null 、 Boolean 、 Number 、 String 。
如果从一个变量向另一个变量复制基本类型的值,会在变量对象上创建一个新值,然后把值复制到为新变量分配的位置上。

我们都知道javascript的基础数据类型有: UndefinedNullBooleanNumberString
如果从一个变量向另一个变量复制基本类型的值,会在变量对象上创建一个新值,然后把值复制到为新变量分配的位置上。

  • code
var num1 = 1; var num2 = num1; // 1 num2 = 5; // 5  console.log(num1) // 1 

此后,这两个变量可以参与任何操作而不会相互影响。

  • 函数传参有有区别吗?
var a = 5  function b(num) {     num = 4     return num } b(a); //4 a; //5 
  • 注意这只是基本数据类型, 如果改成引用类型会怎么样?
var p1 = {     name: "Tom" }  function b(obj) {     obj.name = "Jerry"     return obj } b(p1) // { name : "Jerry"} p1.name // Jerry 
栈内存 堆内存
p1, obj 指针地址 { name :"Tom" }
 obj.name = "Jerry" 

obj修改了堆内存里的name值, p1还是指向那个地址. 所以p1跟着变了.

  • 这样会怎么样?
var p1 = {     name: "Tom" }  function b(obj) {     obj.name = "Jerry"     obj = {}     obj.name = "Jack"     return obj } b(p1) // { name : "Jack"} p1; // { name: "Jerry" } 

看到结果按照上面的意思应该p1也是{ name : "Jack"}但是为什么不同呢?

1 . 先修改了共同指向的堆内存里的name值

  • 第一步
栈内存 堆内存
p1, obj 指针地址 { name :"Tom" }
  • 第二步
栈内存 堆内存
p1, obj 指针地址 { name :"Jerry" }

2 . obj重新赋值引用类型,其实就是改变了obj的指针,并没有改变p1的指针指向的地址里的值

  • 第三步
栈内存 堆内存
p1 指针地址 { name :"Jerry" }
obj 指针地址 { }
  • 第四步
栈内存 堆内存
p1 指针地址 { name :"Jerry" }
obj 指针地址 { name: "Jack" }