你不知道的 JavaScript 系列中( 15 ) - 值和引用

JavaScript 引用指向的是值,如果一个值有 10 个引用,这些引用指向的都是同一个值,它们相互之间没有引用/指向关系。JavaScrtip 对值和引用对赋值/传递在语法上没有区别,完全根据值的类型决定。
var a = 2;
var b = a; // b 是 a 的一个副本
b++;
a; // 2
b; // 3

var c = [1,2,3];
var d = c; // d 是 [1,2,3] 的一个引用
d.push(4);
c; // [1,2,3,4]
d; // [1,2,3,4]

简单值,是通过复制的方式来赋值/传递,复合值则总是通过引用复制的方式来赋值/传递。

 

由于引用指向的是值本身而非变量,所以一个引用无法更改另一个引用的指向
var a = [1,2,3];
var b = a;
a; // [1,2,3]
b; // [1,2,3]

//然后
b = [4,5,6];
a; // [1,2,3];
b; // [4,5,6]

b = [4,5,6] 为 b 赋值了一个新的数组,b = [4,5,6] 并不影响 a 指向值[1,2,3]。如果要改变 a 的值,必须更改 b 指向的数组。d.push() 并没有创建一个新的数组,而是更改了当前的数组,于是 c 变成了 [1,2,3,4]

 

函数参数就经常让人产生这样的疑惑:
function foo(x) {
  x.push(4);
  x; // [1,2,3,4]

  //然后
  x = [4,5,6];
  x.push(7);
  x; // [4,5,6,7]
}
var a = [1,2,3];
foo(a);
a; // 是[1,2,3,4],不是[4,5,6,7]

同理,这里 x = [4,5,6,7] 创建了一个新的数组,并不影响 a 的指向,不能通过引用 x 来更改引用 a 的指向,只能更改 a 和 x 共同指向的值,如果要将 a 的值变为 [4,5,6,7] 必须更改 x 指向的数组,而不是为 x 赋值一个新的数组

function foo(x) {
  x.push(4);
  x; // [1,2,3,4]

  //然后
  x.length = 0; // 清空数组
  x.push(4,5,6,7)
  x; // [4,5,6,7]
}
var a = [1,2,3];
foo(a);
a; // 是[4,5,6,7],不是[1,2,3,4]

 

 

posted @ 2020-05-18 06:45  wzndkj  阅读(206)  评论(0编辑  收藏  举报