【讀書筆記】《你不知道的JS-上》
本書概要:
1、作用域和閉包
2、this和物件原型
筆記1 > 3.4 塊作用域 > 3.4.3 let > 垃圾收集
let 變數可以通過顯示的塊作用域來實現記憶體垃圾回收,正確程式碼:
function process(data) { console.log('My name is ' + data.name) } { let someData = { name: '黑子' // 巴拉巴拉一大堆資料 } process(someData) } // 下面省略一大堆其它業務程式碼
演示截圖:
demo-1 一般做法 someData 用完之後仍然存在
demo-2 var+塊作用域 someData 用完之後仍然存在 塊作用域並不起作用
demo-3 let+塊作用域 let變數在塊作用域以外不佔用記憶體
相關推薦
【讀書筆記】你唔知JS 詞法作用域
詞法階段 簡單地說, 詞法作用域就是定義在詞法階段的作用域。 換句話說, 詞法作用域是由你在寫程式碼時將變數和塊作用域寫在哪裡來決定的, 因此當詞法分析器處理程式碼時會保持作用域不變。 window.a 通過這種技術可以訪問那些被同名變數所遮蔽的全域性變數。
【讀書筆記】你唔知JS 函式作用域和塊作用域
函式中的作用域 1.無論識別符號宣告出現在作用域中的何處, 這個識別符號所代表的變數或函式都將附屬於所處作用域的氣泡。 2.這些識別符號全都無法從全域性作用域中進行訪問, 因此會導致ReferenceError 錯誤。 隱藏
讀書筆記《你不知道的JavaScript上卷》1.5作用域閉包
5.1 閉包的概念 閉包:當函式可以記住並訪問所在的詞法作用域時,就產生了閉包,即使函式是在當前詞法作用域之外執行。 這是閉包的定義,對於一個作用域(就比如函式所形成的作用域)來說,通常情況下,當執行完這個函式以後,JS引擎的垃圾回收機制就可能會回收掉這個函式所佔用
讀書筆記《你不知道的JavaScript上卷》1.4提升
4.1 首先看現象 程式碼1: a = 2; var a; console.log( a );//列印2 程式碼2: console.log( a );//列印undefined var a = 2; 上面這兩個就是體現了JS中變數提升的簡單示例,為什麼是這樣呢?
讀書筆記《你不知道的JavaScript上卷》1.3函式作用域和塊作用域
函式作用域和塊作用域 函式作用域:屬於這個函式的全部變數都可以在整個函式的範圍內訪問(事實上在巢狀的作用域中也可以訪問)。 3.1 函式中的作用域 函式可以形成作用域,這個大家都知道的,如下程式碼: function foo() { var a
讀書筆記《你不知道的JavaScript上卷》1.2詞法作用域
詞法作用域 今天的讀書筆記是JavaScript中的詞法作用域,希望對大家有所幫助。 2.1 定義 詞法作用域: 詞法作用域就是定義在詞法階段的作用域,它由寫程式碼時將變數和塊作用域寫在哪裡來決定的。 坦白說這個定義第一句話是廢話!重點是後一句話,它說
讀書筆記《你不知道的JavaScript上卷》1.1作用域是什麼
作用域是什麼 JavaScript是一門非常神奇的程式語言,以至於你沒有掌握它的精髓都可以寫出完整的專案,本套讀書筆記記錄的就是《你不知道的JavaScript上卷》中的內容,其中會夾雜這我個人對某些知識點的感悟與見解。 1.1 編譯器與引擎 在討論作用域是什麼的時候不
【讀書筆記】你的燈還亮著嗎
1) 動手去解決問題之前,好好想想問題的來源; 2) 如何站在各個角度來看待面臨的問題,以能夠知道其真正所在;如何去嘗試那個最能解決真正問題的方法,並且時刻保持警惕心; 3) 為什麼不要把人們的解決方法誤認為是問題的定義,更不要把某個問題的解決方法誤認為是問題的定義,特別
【讀書筆記】《你不知道的JS-上》
本書概要: 1、作用域和閉包 2、this和物件原型 筆記1 > 3.4 塊作用域 > 3.4.3 let > 垃圾收集 let 變數可以通過顯示的塊作用域來實現記憶體垃圾回收,正確程式碼: function process(data) {
【譯】你不知道的Chrome除錯工具技巧 第一天:console中的'$'
特別宣告 本文是作者 Tomek Sułkowski 釋出在 medium 上的一個系列。 版權歸原作者所有。 譯者在翻譯前已經和作者溝通得到了翻譯整個系列的許可。 為了不影響大家閱讀,獲得許可的記錄會放在本文的最後~ 正文 在馬上就要迎來假期的這24天裡,我將會發布一系列短篇的文章,關於如何將開發工具
【譯】你不知道的Chrome除錯工具技巧 第二天:copying & saving
特別宣告 本文是作者 Tomek Sułkowski 釋出在 medium 上的一個系列。 版權歸原作者所有。 譯者在翻譯前已經和作者溝通得到了翻譯整個系列的許可。 為了不影響大家閱讀,獲得許可的記錄會放在本文的最後~ 正文 在馬上就要迎來假期的這 24 天裡,我將會發布一系列短篇的文章,關於如何將開發
【譯】你不知道的Chrome除錯工具技巧 第四天:the Elements panel(元素面板)
特別宣告 本文是作者 Tomek Sułkowski 釋出在 medium 上的一個系列。據作者透露一共有24篇,一直更新到12月24日 版權歸原作者所有。 前兩篇的翻譯連結我已經給到了作者本人,雖然他不理解中文,但是他還是很開心哈哈,截圖在最後 譯者在翻譯前已經和作者溝通得到了翻譯整個系列的許可。 為
【譯】你不知道的Chrome除錯工具技巧 第五天:console的log中,讓人疑惑的案例
特別宣告 本文是作者 Tomek Sułkowski 釋出在 medium 上的一個系列。據作者透露一共有24篇,一直更新到12月24日 版權歸原作者所有。 前兩篇的翻譯連結我已經給到了作者本人,雖然他不理解中文,但是他還是很開心哈哈,截圖在最後 譯者在翻譯前已經和作者溝通得到了翻譯整個系列的許可。 為
【譯】你不知道的Chrome除錯工具技巧 第七天:非同步consle的趣味小竅門
特別宣告 本文是作者 Tomek Sułkowski 釋出在 medium 上的一個系列。據作者透露一共有24篇,一直更新到12月24日 版權歸原作者所有。 前兩篇的翻譯連結我已經給到了作者本人,雖然他不理解中文,但是他還是很開心哈哈,截圖在最後 譯者在翻譯前已經和作者溝通得到了翻譯整個系列的許可。 為
【譯】你不知道的 Chrome 除錯工具技巧 第九天:給 console 計時
特別宣告 本文是作者 Tomek Sułkowski 釋出在 medium 上的一個系列。據作者透露一共有 24 篇,一直更新到 12 月 24 日 版權歸原作者所有。 前兩篇的翻譯連結我已經給到了作者本人,雖然他不理解中文,但是他還是很開心哈哈,截圖在最後 譯者在翻譯前已經和作者溝通得到了翻譯整個系列
【譯】你不知道的 Chrome 除錯工具技巧 第十一天:style editors continued(樣式編輯器後續)
特別宣告 本文是作者 Tomek Sułkowski 釋出在 medium 上的一個系列。據作者透露一共有 24 篇,一直更新到 12 月 24 日 版權歸原作者所有。 作者在Twitter上推薦我們的中文翻譯啦,截圖在最後 譯者在翻譯前已經和作者溝通得到了翻譯整個系列的許可。 為了不影響大家閱讀,許可
【譯】你不知道的 Chrome 除錯工具技巧 第十二天:忍者日誌列印!(the ninja logs)
特別宣告 本文是作者 Tomek Sułkowski 釋出在 medium 上的一個系列。據作者透露一共有 24 篇,一直更新到 12 月 24 日 版權歸原作者所有。 作者在Twitter上推薦我們的中文翻譯啦,截圖在最後 譯者在翻譯前已經和作者溝通得到了翻譯整個系列的授權。 為了不影響大家閱讀,授權
【譯】你不知道的 Chrome 除錯工具技巧 第十四天:其他快捷鍵~
特別宣告 本文是作者 Tomek Sułkowski 釋出在 medium 上的一個系列。據作者透露一共有 24 篇,一直更新到 12 月 24 日 版權歸原作者所有。 作者在 Twitter 上推薦我們的中文翻譯啦,截圖在最後 譯者在翻譯前已經和作者溝通得到了翻譯整個系列的授權。 為了不影響大家閱讀,
【譯】你不知道的 Chrome 除錯工具技巧 第十三天:物件 & 方法
特別宣告 本文是作者 Tomek Sułkowski 釋出在 medium 上的一個系列。據作者透露一共有 24 篇,一直更新到 12 月 24 日 版權歸原作者所有。 作者在 Twitter 上推薦我們的中文翻譯啦,截圖在最後 譯者在翻譯前已經和作者溝通得到了翻譯整個系列的授權。 為了不影響大家閱讀,
【譯】你不知道的 Chrome 除錯工具技巧 第十六天:斷點
特別宣告 本文是作者 Tomek Sułkowski 釋出在 medium 上的一個系列。據作者透露一共有 24 篇,一直更新到 12 月 24 日 版權歸原作者所有。 作者在Twitter上推薦我們的中文翻譯啦,截圖在最後 譯者在翻譯前已經和作者溝通得到了翻譯整個系列的授權。 為了不影響大家閱讀,授權