JavaScript引用是怎样事情的

2019年8月31日 125次阅读 来源: 间阳幕宾

谢谢Naveen Karippai教师许可我翻译此文章，原文链接：https://www.sitepoint.com/how…

择要：JavaScript中没有指针，而且JavaScript中的援用与我们一般看到的大多数其他盛行编程言语的事情方式差别。在JavaScript中，不可能有一个变量到另一个变量的援用。而且，只要复合值（比方对象或数组）能够经由过程援用来赋值。

整片文章中将运用以下属于：

  • 标量–单个值或数据单位（如整数、布尔值、字符串）

  • 复合–由多个值构成（如数组、对象、鸠合）

  • 原始 – 直接的代价，而不是对包括值的东西的援用。
    JavaScript的标量范例是原语，不像其他一些言语（如Ruby）具有标量援用范例。注重，在JavaScript中，标量原始值是不可变的，而复合值是可变的。

提要：

1.分派给变量的值的范例决议该值存储的是值照样援用。
2.在变量赋值的时刻，标量原始值（Number，String，Boolean，undefined，null，Symbol）经由过程值来赋值，复合值经由过程援用来赋值。
3.JavaScript中的援用仅指向包括的值，不指向其他变量或援用。
4.在JavaScript中，标量原始值是不可变的，复合值是可变的。

经由过程值赋值的疾速示例

鄙人面的代码片断中，我们将一个标量原始值（一个数字）分派给一个变量，因而这里是经由过程值来赋值。起首，变量 batman被初始化，当变量superman被分派存储在batman中的值的时刻，实际上是建立了该值的一个副本并存储在变量superman中。当变量superman被修正时，变量batman不会受到影响，由于它们指向差别的值。

var batman = 7;
var superman = batman;   //经由过程值来赋值
superman++;
console.log(batman);     //7
console.log(superman);   //8

《JavaScript引用是怎样事情的》

经由过程援用赋值的疾速示例

鄙人面的代码片断中，我们将一个复合值（数组）赋值给一个变量，因而这里是经由过程援用赋值。变量flash和quicksilver是雷同的值（也称为同享值）的援用。当修正同享值时，援用将指向更新的值。

var flash = [8,8,8];
var quicksilver = flash;   //经由过程援用来赋值
quicksilver.push(0);
console.log(flash);        //[8,8,8,0]
console.log(quicksilver);  //[8,8,8,0]

《JavaScript引用是怎样事情的》

怎样建立一个新的援用

当变量中的复合值被从新赋值的时刻，将建立一个新的援用。在JavaScript中，与大多数其他盛行的编程言语差别是：援用指向存储在变量中的值，不指向其他变量或许援用。

var firestorm = [3,6,3];
var atom = firestorm;   //经由过程援用来赋值
console.log(firestorm); //[3,6,3]
console.log(atom);      //[3,6,3]
atom = [9,0,9];         //经由过程值来赋值 (建立新的援用)
console.log(firestorm); //[3,6,3]
console.log(atom);      //[9,0,9]

《JavaScript引用是怎样事情的》

当援用作为函数参数通报时，援用怎样事情

鄙人面的代码片断中，变量magneto是一个复合值（一个数组），因而它作为一个援用被赋值给了变量x（函数参数）。

在IIFE中挪用的Array.prototype.push要领会经由过程JavaScript援用来转变变量中的值。然则，变量x的从新赋值会建立一个新的援用，而且对变量x的进一步修正不会影响到变量magneto的援用。

var magneto = [8,4,8];
(function(x) {        //IIFE
    x.push(99);
    console.log(x);   //[8,4,8,99]
    x = [1,4,1];      //从新赋值变量 (建立一个新的援用)
    x.push(88);
    console.log(x);   //[1,4,1,88]
})(magneto);
console.log(magneto); //[8,4,8,99]

怎样变动作为函数参数经由过程JavaScript援用通报的复合变量中的原始值

这里的解决方案是修正援用指向的现有复合值。鄙人面的代码片断中，变量wolverine是一个复合值（一个数组）而且在IIFE中被挪用，变量x（函数参数）是被赋值了一个援用。

能够经由过程将属性Array.prototype.length的值设置为0来建立一个空数组。因而，变量wolverine经由过程JavaScript援用变动为变量x中的新值。

var wolverine = [8,7,8];
(function(x) {              //IIFE
    x.length = 0;           //建立空数组对象
    x.push(1,4,7,2);
    console.log(x);         //[1,4,7,2]
})(wolverine);
console.log(wolverine);     //[1,4,7,2]

怎样经由过程按值赋值来存储复合值

这里的解决方案是制造复合值的手动副本，然后将复制的值分派给变量。因而，分派值的援用不指向原始值。

建立一个（浅）复合值副本（数组对象）引荐挪用Array.prototype.slice要领，而不通报任何参数。

var cisco = [7,4,7];
var zoom = cisco.slice();  //建立浅复制
cisco.push(77,33);
console.log(zoom);         //[7,4,7]
console.log(cisco);        //[7,4,7,77,33]

《JavaScript引用是怎样事情的》

怎样经由过程按援用赋值来存储一个标量初始值

这里的解决方案是将标量原始值包括在复合值（即对象或数组）中作为其属性值。因而，它能够经由过程援用来赋值。鄙人面的代码片断中，变量speed中的标量原始值设置为flash对象的属性。因而，在挪用IIFE的时刻，它经由过程援用赋值给了x（函数参数）。

var flash = { speed: 88 };
(function (x) {             //IIFE
    x.speed = 55;
})(flash);
console.log(flash.speed);   //55

总结

很好地明白JavaScript中的援用能够协助开发人员防止很多罕见的毛病，并编写出更好的代码。

编码快活！！

    原文作者：间阳幕宾
    原文地址: https://segmentfault.com/a/1190000009017259
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞