JS中，基本数据类型、引用类型与基本包装类型

前言：再次翻阅JS高程(第3版)过程中，看到了“基本包装类型”，趁热留下此文，对JS的数据类型做个较为深入的小结（2018-10-19）。

---

虽然JS与其他强类型语言不一样，声明中无需预设数据类型，但是JS也是有数据类型区分的。

基本数据类型（存储值）：Undefined、Null、Boolean、Number、String

引用类型（存储地址指针）：对象

基本包装类型(临时性质的引用类型)：alert("hello world!".split(" ").length); //2

---

基本数据类型
基本数据类型通常通过字面量进行赋值，基本数据类型变量存储的是具体的值：

var strA = "stringA";
var strB = strA;
alert(strB); //stringA
strB = "stringB";
alert(strB); //stringB

将strA的赋值给strB，实际上只是将strA的值("stringA")赋值给变量strB。赋值完成，strA和strB并无任何关联关系，此时修改strB的值，strA不会有任何的影响。

---

引用类型
引用类型存储的值为地址指针。解释器会在内存堆中创建一个实际的对象，然后将该对象的地址赋值给变量。引用变量之间的赋值，实际上是指针赋值：

 var jsonA = {"val":"stringA"};
 var jsonB =  jsonA;
 alert(jsonB.val); // stringA
 jsonB.val = "stringB";
 alert(jsonA.val); // stringB

对象jsonA创建后，它保存的并不是具体的json对象，而是指向这个对象地址的指针。此时，将jsonA的值赋值给jsonB，只是将其保存的地址指针赋值给jsonB。赋值完成后，jsonA和jsonB同时指向内存中的同一个对象。当通过jsonB进行操作该对象，A也会跟着“改变”。

---

基本包装类型
基本数据类型只是一个简单的，存储值的变量，它不是对象，它并没有任何的方法。但是我们却可以把它当成对象一样使用：

var strA = "Hello-World!";
alert(strA.split("-").length); //2
alert(typeof strA); //string
strA.color = "yellow";
alert(strA.color); //undefined

var strB = new String("Hello-World!");
alert(strB.split("-").length); //2
alert(typeof strB); //object
strB.color = "red";
alert(strB.color); //red
var strC = strB;
strC.color = "blue";
alert(strB.color); //red

原因在于，当我们调用“基本数据类型”变量的方法时，后台为我们将变量包装成对应类型的临时对象，然后完成我们的调用方法并返回，然后销毁这个临时对象。例子中，strA属于基本类型对象。我们用typeof检测时返回了“string”。我们却可以直接调用该变量的split和length方法。我们将次变量当作对象一样，对属性“color”进行赋值，此时并不会报错。但是当我们去使用这个属性时，却提示了“ undefined”，这是是因为strA并没有这个属性。

---

【基本数据类型】和【引用类型】作方法入参时的差异
通常，在函数调用时，如果入参为【基本数据类型】时，函数的参数将以“值传递”的方式传递。此时修改函数内接收该值的局部变量，并不会对函数外的变量产生影响：

var strA = "out Function!";
changeStrVal(strA);
alert(strA); //out Function!

function changeStrVal(paraStr){
    var strB = paraStr;
    strB = "in Function!";
}

但是，如果入参为独享，即【引用类型】，则函数内的局部变量和函数外的变量均指向同一块内存地址。测试修改函数局部变量的属性，函数外变量属性也会随之而变：

var objA = {"val":"out Function!"};
changeObjVal(objA);
alert(objA.val); //in Function!

function changeObjVal(paraObj){
   var objB = paraObj;
   objB.val = "in Function!";         
}