物件參考觀念的實際運作模式

物件參考觀念的實際運作模式

題目：
var a = { x: 1};
var b = a;
a.x = { x: 2};
a.y = a = { y: 1};
console.log(a); // 結果？
console.log(b); // 結果？
步驟一

步驟二

步驟三

a.y = a = { y: 1}; //會同時執行
a = {y: 1} 是一個運算式
所以a.y找的是原本的參考路徑(0x01)，不會因為改成 {y:1}就去找新路徑(0x03)








评论

发表评论

此博客中的热门博文

JavaScript 核心觀念(8)-執行緒與同步、非同步

图片
 嗨，大家好 我是Kris，今天要來分享關於JS的執行緒、事件佇列是如何進行的 那就開始吧~ 單執行緒：一次只能做一件事，做完才會做下一件事，JS就是如此，像是單工的感覺。 多執行緒：可以同時執行多個任務。 同步：依照程式碼依序執行fn() 非同步：針對程式語言本身，放到最後才做。 如同上面範例，doWork()會依序執行三個fn()，且都要等上一個完成才能進行下一個。 非同步：因應JS的某些程式的特性，能達成非同步的樣子。 如同上方範例的setTimeout的用意是隔3秒再執行，JS的處理方式是會先放置事件佇列，讓我們繼續瞭解事件佇列是什麼吧！ 事件佇列：非同步行為先移到事件佇列，JS還是依照同步的概念在執行程式碼哦！ 依照之前分享過的執行堆疊的概念，會先進入do work()、接著eatBreakfast()完成後離開堆疊，再執行callSomeone() 由於callSomeone內有setTimeout屬於非同步事件，會先放到事件佇列Event Queue，也就是圖片中的右邊方格，等待同步執行結束後再進行。 *注意setTimeout不管秒數設定幾秒都是這樣執行，就算是0秒也是哦* 非同步的例子 addEventListener是屬於監聽事件，那範例寫的意思是當有人點擊時，再去執行clickThis 跟setTimeout一樣是一個非同步事件，會先放到事件佇列等待被點擊的時候才會觸發。 補充 事件佇列有多個非同步事件時 *setTimeout有確定秒數，就可以知道誰先執行 *如果沒有確定，其結果會是隨機的，可以用Promise解決 *AJAX也是非同步事件，需要等待回傳資料 *監聽事件是等使用者觸發才會執行 *非同步的概念是因為JS在執行需要呼叫其他資源時，不能準確知道他的完成時間，所以才會先放到事件佇列。 『用現在的努力，換自己喜歡的人生』
阅读全文

JavaScript 核心觀念(7)-執行環境與作用域-提升Hoisting

图片
嗨，大家好嗎? 我是Kris 今天要來分享一個我個人認為很有趣的觀念 以下截至  MDN  說明 提升（Hoisting）是在 ECMAScript® 2015 Language Specification 裡面找不到的專有名詞。它是一種釐清 JaveScript 在執行階段內文如何運行的思路（尤其是在創建和執行階段）。然而，提升一詞可能會引起誤解：例如，提升看起來是單純地將變數和函式宣告，移動到程式的區塊頂端，然而並非如此。變數和函數的宣告會在編譯階段就被放入記憶體，但實際位置和程式碼中完全一樣。 所以提升只是一個用來釐清JS如何運行的觀念，瞭解JS創造階段、執行階段做了什麼 對程式碼的結果又有什麼影響呢? 首先 JS在函式、變數宣告時，會先建立一個記憶體空間來存放他們的key&value，如下圖 var   a  =  '1'; 在創造階段時建立a的儲存空間，但尚未賦予值，在執行階段時才會賦予值 所以可以將它看作這樣  ↓ //創造階段 var a; //執行階段 a = '1'; 函式陳述式在創造階段就會優先載入，並且將整個函式內容一起寫入 我們直接來看一個範例碼 * 函式比變數有更高的優先權 ，所以會比變數更優先被建立 * 所以，答案如下 console.log(myName);   //小明 在創造階段時，myName尚未被賦予值，在那個時候會儲存的值為undefined。 是因為JS必須告訴我們它已準備好記憶體空間，若沒有給值會出現Error。 因此！ 上面的範例程式碼，並不會進入if條件式！ If裡的 myName 在創造階段時值為 undefined，故判斷式不會執行 後面 myName 又被賦予“小明”，所以myName 的值會印出小明 ＊if(myName)  是在判斷myName是否為 falsy值，是的話不會執行，否的話才執行 myName是falsy值，所以不會進入if(myName)的判斷式裡。 ＊常見 falsy值有 false、null、undefined、NaN、 0、 -0、""、'' ＊參考範例： https://developer.mozilla.org/zh-CN/docs/Glossary/Falsy 額外補充 一．！...
阅读全文

JavaScript 核心觀念(4)－變數作用域(Scope)

图片
嗨，大家好，我是Kris，今天要來講JS的小知識 不同作用域到底差在哪裡？在這一篇裡面跟大家介紹三種不同的作用域。 作用域(Scope) 如同上一篇JS的語法作用域裡面提到的－ 連結按這裡 在 JavaScript 中，當一個變數被宣告的時候，它就開始有影響力，而它所影響到的地方，我們就稱之為作用域。 每一個變數都會有自己的作用域，當離開時它就不能作用了，而作用域取決於這個變數產生的地方跟方式。 作用域的等級 JavaScript 中的作用域分為三個等級 Global Level Scope Function Level Scope (Local Scope) Block Level Scope (ES6) Global Level Scope 全域作用域 在每個 JavaScript 環境中，都一定會有一個全域物件（全域環境），在 HTML 中我們稱之為 window。 在全域環境宣告的變數就稱之為全域變數，而它能影響的地方就是全域作用域。 全域變數的影響範圍非常廣大，不論是函式(function)內外，他的影響力遍布整個程式碼。 Function Level Scope (Local Scope)  區域作用域 在函式內被宣告的變數就稱為區域變數，所影響的地方就是區域作用域，也就是函式的大括號內，一旦離開 function 使用的話，就會出現 ReferenceError：xxx is not defined 未定義的錯誤訊息。 *在函式內，若變數沒有被宣告，就會被自動轉為全域變數 如上圖，b 在函式內沒有被宣告，所以變成全域變數，所以外面的 console.log 讀得到，而宣告過的 a 作用域只在test函式內作用 *如果在函式內外有相同的變數名稱，並且想要在函式內取得此變數的值，會優先使用區域變數的值，除非使用 window 才能去取得全域變數的值 Block Level Scope (ES6)  區塊作用域 是比區域更小的範圍，影響力只有變數被宣告的大括號和子區塊。 其實 function scope(區域作用域) 也可以被視為一種區塊作用域，在ES6之前的版本是不支持此區塊作用域的 在以前的版本使用var宣告變數時，是沒有區塊作用域的。 在 ES6 後才出現的 let、const ，就是支持區塊作用域，準確來說是他們只支持區...
阅读全文