[js数据类型]值类型（简单数据类型）和引用数据类型（复杂数据类型）的区别

先说结论。

• 值类型（简单数据类型）：string Boolean null undefined number
  栈中存储的是数据，赋值拷贝的也是数据，对拷贝数据进行修改，对原数据没有影响

• 引用类型（复杂数据类型 array function
  object）：
  栈中存储的是地址，数据存在堆中。赋值拷贝的是地址。修改拷贝后的数据对原数据有影响。

来举个栗子。

        //1.值类型
       let num1 = 10
       let num2 = num1
       num2 = 20
       console.log(num2,num1)//20 10
       
       //2.引用类型
       let arr1 = [10,20,30]
       let arr2 = arr1
       arr1[0] = 100
       console.log(arr1,arr2)//[100,20,30]   [100.20.30]

首先我们应该了解的是，

简单数据类型的数据一般都比较小，它们的数据都存在栈中。

复杂数据类型的数据比较大，它们的数据存在堆中，在栈中的时它们的地址。

js简单数据类型用变量给变量赋值时，是先把原变量的数据拷贝一份，再赋值给新的变量，所以再次修改新变量的数据是不会对原数据造成影响的。

然而复杂数据类型赋值时，拷贝的只是栈中的地址，所以再次修改新变量的数据就相当于直接在原数据的地址上操作，会对原数据造成影响。