好家伙,JS基礎接著學,
本篇內容為《JS高級程式設計》第四章學習筆記
1.原始值和參考值
ECMAScript變數可以包含兩種不同型別的資料：原始值和參考值，原始值（primitive value）就是最簡單的資料，參考值（reference value）則是由多個值構成的物件，
在把一個值賦給變數時， JavaScript引擎必須確定這個值是原始值還是參考值，
6種原始值：
1.Undefined
2.Null
3.Boolean
4.Number
5.String
6.Symbol，
參考值:
我們常見的參考值就是"物件"
保存原始值的變數是按值（by value ）訪問的，因為我們操作的就是存盤在變數中的實際值，
(這句是真的抽象,按我的理解來,按值訪問即在堆疊中保存的實際的數值)
參考值是保存在記憶體中的物件，
(這句反而好理解,我們可以把他理解為參考值保存的是一個指標,后面的例子會幫助我們更好理解)
與其他語言不同，JavaScript不允許直接訪問記憶體位置(小東西真別致)，
因此也就不能直接操作物件所在的記憶體空間，
在操作物件時，實際上操作的是對該物件的參考（reference）而非實際的物件本身，
為此，保存參考值的變數是按參考（by reference）訪問的，
注意:在很多語言中，字串是使用物件表示的，因此被認為是參考型別
2.動態屬性
原始值和參考值的定義方式很類似，都是創建一個變數，然后給它賦一個值，
不過，在變數保存了這個值之后，可以對這個值做什么，則大有不同，
2.1.對于原始值,不能添加屬性,舉個例子
let panghu_1 = "panghu";
panghu_1.age =20;
console.log(panghu_1.age);
看圖:
添加屬性不會報錯,但原始值不能擁有屬性
2.2.對于參考值而言，可以隨時添加、修改和洗掉其屬性和方法
let panghu_2 = new String("big panghu");
panghu_2.age = 20;
console.log(panghu_2.age);
看圖:
來看看兩種值的型別判斷:
3.復制值
原始值和參考值在通過變數復制是也有所不同.
3.1.原始值的復制
在通過變數把一個原始值賦值到另一個變數時,原始值會被復制到新變數的位置.
let a = 1;
let b = a;
console.log(b); //1
(不用上圖了吧)
3.2.參考值的復制
在把參考值從一個變數賦給另一個變數時，存盤在變數中的值也會被復制到新變數所在的位置，
區別在于，這里復制的值實際上是一個指標，它指向存盤在堆記憶體中的物件，
操作完成后，兩個變數實際上指向同一個物件，因此一個物件上面的變化會在另一個物件上反映出來，
(讓我們提取重點.復制的值是一個指標,復制后,兩個變數指向同一個物件)
讓我們用代碼嘗試去證明:
let panghu_1 = new Object();
let panghu_2 = panghu_1;
panghu_1.age = 100;
console.log(panghu_2.age);
上圖:
(看,多么神奇的js)
由此可證明，將panghu_1賦值給panghu_2后,兩個變數指向的其實是同一個物件
非常形象的一張圖:
4.傳遞引數(引數的復制)
經過我們在上面的一段大發現,我們又產生了新的問題
4.1.原始值的的引數傳遞
function original(a){
a= a+10;
return a;
};
let b = 10;
let c = original(b);
console.log(b);
console.log(c);
看圖:
這自然是沒什么懸念
4.2.初始值的引數傳遞
例子4.2.1.
function Reference(a) {
a.age = 20;
};
let b = new Object();
Reference(b);
console.log(b.age);
上圖，
這怎么解釋呢？
到此為止，有的小伙伴就要說了，
創建新物件，保存在b中，將b作為引數呼叫方法Reference()；
此時，b被賦值給了a,此時,a,b指向同一個物件,于是當我a.age=20后,
b的age屬性自然就被設定為"20"了(錯誤的解釋)
(思路非常清晰,然而這是錯的)
我們加兩行代碼試試:
例子4.2.2.
function Reference(a) {
a.age = 20;
a = new Object();
a.age = 1000;
};
let b = new Object();
Reference(b);
console.log(b.age);
上圖:
(裝一下:誒,發生甚么事了,不應該是1000嗎)
于是,正確的解釋來了:
我們創建了一個物件并把它保存在變數 b 中，
然后，這個物件被傳給
Reference()方法，并被復制到引數a中在函式內部，a和b都指向同一個物件結果就是，
即使物件是按值傳進函式的，a也會通過參考訪問物件，
當函式內部給a設定了name屬性時，函式外部的物件也會反映這個變化，因為a指向的物件保存在全域作用域的堆記憶體上，
這解釋了例子4.2.1為什么發生
那例子4.2.2如何解釋呢?
當a在函式內部被重寫時,它變成了一個指向本地物件的指標
而那個物件在函式執行結束時就被銷毀了
所以我們會知道:Js中所有函式的引數都是按值傳遞的
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/528097.html
標籤：其他
上一篇：疫情可視化(后續)