谈谈值传递

ECMAScript变量可能包含两种不一样的数据类型：基本数据类型和引用数据类型，这两种类型的值传递是存在不一样的.

在咱们谈这两种数据类型的值传递前，为了便于理解，我想首先谈一下这两种数据类型有关复制操做存在的不一样

数据类型的复制

基本类型

var num1 = 10;
var num2 = num1;
    num2 = 11;
console.log(num1);//10
console.log(num2);//11

基本数据类型从一个复制到另外一个，会在变量对象上建立一个新值，而后把该值复制到新变量分配的位置上，改变其中一个不会影响另外一个。

本小白用拙劣的画功演示一下

一开始声明变量num1并赋值为10,它便以图中的形式存在某种结构中，当用num1的值来初始化num2的时候，此时就至关于声明变量num2并赋值为num1中的值，该值只是num1中的一个副本，赋值结束，这两个变量便再无瓜葛，进行后面的操做也不会相互影响

引用类型

引用类型咱们采用数组，数组的声明有两种方式，一种为var 数组名 = []另外一种为var 数组名 = new array()

var arr1 = [1,2,3,4];
var arr2 = arr1;
    arr2[0] = 10;
console.log(arr1);//[10,2,3,4]
console.log(arr2);//[10,2,3,4]

此处及下文输出省略掉数组长度,能够看出输出的结果都为[10,2,3,4]. 和基本数据类型彻底不一样.

当声明数组变量并赋值的时候，一样也会存入一个结构当中，可是这个结构不能存[1,2,3,4]这种数据，要存到堆中去，就是图片右边那个椭圆形的区域，可是存入的数据仍是要找到它。每一个存储位置都有相应的地址，因此它在左边那个结构中存入的是一个指向数组对象的这样的一个地址。

当复制引用类型变量的时候，一样也会将存储在左边结构中的值复制一份放到为新变量分配的空间中去，只不过由于这个值的副本是一个指向堆中原数组对象的地址，两个变量名就至关于引用了同一个地址中的内容。所以，改变其中的一个变量，就会影响另外一个

var arr3=[1,2,3,4];
var arr4=arr3;
arr4=[5,6,7,8];
console.log(arr3);//[1,2,3,4]
console.log(arr4);//[5,6,7,8]

这个相比于前面那个，只是在第三行代码中出现了不一样,arr4=[5,6,7,8]将一个新的数组对象赋给变量arr4,这时arr4后的地址就改变了,也就指向了新的数组对象，这两个变量也就彻底不相同了.

能够实验一下console.log(new Array(1,2)===new Array(1,2))，这个在控制台返回的是false

那好，如今有了这些铺垫，咱们再来谈咱们今天的主要内容.

数据类型的值传递

基本类型

var num = 10;

function change(num){
  num = 11;
  console.log(num);//11
}

change(num);
console.log(num);//10

在像参数传递基本类型的值时，被传递的值会被先复制给一个局部变量，其实就能够理解为基本数据类型的赋值。以上的代码也能够写为这样

var num = 10;

function change(){
  var num = 10;//look
  num = 11;
  console.log(num);//11
}

change(num);
console.log(num);//10

在look处，函数会将参数先声明并赋值，值就为下面传入的参数的值，num的值为10,所以赋得值也为10。但此时函数中的num和函数外部的num实际上是绝不相关的,所以并不会相互影响

引用类型

var arr = [1,2,3,4];

function change(arr){
  arr[0] = 10;
  console.log(arr);//[10,2,3,4]
}

change(arr);
console.log(arr)//[10,2,3,4]

引用类型也如此，也能够理解为引用类型的复制操做，在函数的开头就会将arr赋值为传来的数值，虽然也是一开始声明的引用类型的副本，可是由于引用类型传来的数值是地址，所以函数中的arr和函数外面的arr都将引用同一个地址中的数组对象，由于arr指向的数组对象在堆中只有一个，又是全局变量，所以这两个arr是相同的，一样咱们再看那一种声明数组并赋值的.

var arr=[1,2,3,4];

function change(arr) {
  arr=[4,5,6,7];
  console.log(arr);//[4,5,6,7]
}

change(arr);
console.log(arr);//[1,2,3,4]

那这个也就应该能够理解了，虽然在传参的时候传入的确实是一开始声明的数组对象的地址的副本，可是由于在函数内部又声明了一个新的数组对象，在这里arr引用的就是一个局部的数组对象了，而这个局部对象就会在函数结束后当即被销毁，不会影响函数外部的数组对象

本小白大二学生...自学前端一年,水平有限，就先解释这么多了，若是有不对的还请大佬们指点，本小白定当悔过自新，从新作人.