摘要:到底什么是閉包這個問題在面試是時候經常都會被問,很多小白一聽就懵逼了,不知道如何回答好。上面這么說閉包是一種特殊的對象。閉包的注意事項通常,函數的作用域及其所有變量都會在函數執行結束后被銷毀。從而使用閉包模塊化代碼,減少全局變量的污染。
閉包,有人說它是一種設計理念,有人說所有的函數都是閉包。到底什么是閉包?這個問題在面試是時候經常都會被問,很多小白一聽就懵逼了,不知道如何回答好。
這個問題也有很多朋友在公眾號給李老師留言了,問題表達方式不一樣,都是終歸到一點,就是對閉包沒有很清晰的理解。大家經常去網上找相關資料,但是對閉包的說法都是各種各樣的,讓大家對閉包的定義沒有一個概念。
所以今天我們來一起講講什么是閉包,幫助大家理解,今天的內容可以直接收藏起來。方便以后看。
簡單講,閉包就是指有權訪問另一個函數作用域中的變量的函數。
MDN 上面這么說:閉包是一種特殊的對象。
它由兩部分構成:函數,以及創建該函數的環境。環境由閉包創建時在作用域中的任何局部變量組成。
這種官方的概念是比較難理解的,在面試的時候說出來也不是很專業,因為沒辦法有個具體的邏輯。
我個人認為,理解閉包的關鍵在于:外部函數調用之后其變量對象本應該被銷毀,但閉包的存在使我們仍然可以訪問外部函數的變量對象,這就是閉包的重要概念。
創建閉包最常見方式,就是在一個函數內部創建另一個函數。下面例子中的 closure 就是一個閉包:
閉包的作用域鏈包含著它自己的作用域,以及包含它的函數的作用域和全局作用域。
.通常,函數的作用域及其所有變量都會在函數執行結束后被銷毀。但是,在創建了一個閉包以后,這個函數的作用域就會一直保存到閉包不存在為止。
從上述代碼可以看到add5 和 add10 都是閉包。它們共享相同的函數定義,但是保存了不同的環境。在 add5 的環境中,x 為 5。而在 add10 中,x 則為 10。最后通過 null 釋放了 add5 和 add10 對閉包的引用。
在javascript中,如果一個對象不再被引用,那么這個對象就會被垃圾回收機制回收;
如果兩個對象互相引用,而不再被第3者所引用,那么這兩個互相引用的對象也會被回收。
閉包只能取得包含函數中任何變量的最后一個值
大家看一下上面這個代碼,arr數組中包含了10個匿名函數,每個匿名函數都能訪問外部函數的變量i,那么i是多少呢?
當arrFunc執行完畢后,其作用域被銷毀,但它的變量對象仍保存在內存中,得以被匿名訪問,這時i的值為10。
要想保存在循環過程中每一個i的值,需要在匿名函數外部再套用一個匿名函數,在這個匿名函數中定義另一個變量并且立即執行來保存i的值。
這時最內部的匿名函數訪問的是num的值,所以數組中10個匿名函數的返回值就是1-10。
在上面這段代碼中,obj.getName()()實際上是在全局作用域中調用了匿名函數,this指向了window。
這里要理解函數名與函數功能是分割開的,不要認為函數在哪里,其內部的this就指向哪里。
window才是匿名函數功能執行的環境。
如果想使this指向外部函數的執行環境,可以這樣改寫:
在閉包中,arguments與this也有相同的問題。下面的情況也要注意:
obj.getName();這時getName()是在對象obj的環境中執行的,所以this指向obj。
(obj.getName = obj.getName)賦值語句返回的是等號右邊的值,在全局作用域中返回,所以(obj.getName = obj.getName)();的this指向全局。要把函數名和函數功能分割開來。
閉包會引用包含函數的整個變量對象,如果閉包的作用域鏈中保存著一個HTML元素,那么就意味著該元素無法被銷毀。所以我們有必要在對這個元素操作完之后主動銷毀。
當函數內部的定時器引用了外部函數的變量對象時,該變量對象不會被銷毀。
應用閉包的主要場合是:設計私有的方法和變量。
任何在函數中定義的變量,都可以認為是私有變量,因為不能在函數外部訪問這些變量。私有變量包括函數的參數、局部變量和函數內定義的其他函數。
把有權訪問私有變量的公有方法稱為特權方法(privileged method)。
在這里,我們需要理解兩個概念:
模塊模式(The Module Pattern):為單例創建私有變量和方法。
單例(singleton):指的是只有一個實例的對象。JavaScript 一般以對象字面量的方式來創建一個單例對象。
上面是普通模式創建的單例,下面使用模塊模式創建單例:
匿名函數最大的用途是創建閉包,并且還可以構建命名空間,以減少全局變量的使用。從而使用閉包模塊化代碼,減少全局變量的污染。
在這段代碼中函數 addEvent 和 removeEvent 都是局部變量,但我們可以通過全局變量 objEvent 使用它,這就大大減少了全局變量的使用,增強了網頁的安全性。
閉包引用外部函數變量對象中的值;
在外部函數的外部調用閉包。
閉包的缺陷
閉包的缺點就是常駐內存會增大內存使用量,并且使用不當很容易造成內存泄露。
如果不是因為某些特殊任務而需要閉包,在沒有必要的情況下,在其它函數中創建函數是不明智的,因為閉包對腳本性能具有負面影響,包括處理速度和內存消耗。
最后 來一道有關閉包的面試題
下面代碼中,標記 ? 的地方輸出分別是什么?
大家結合今天講解的內容,思考一下答案,大家可以把答案發到留意上吧。
好了,今天的講解就那么多,如果你還有什么前端問題想提問的,或者你想李老師下次給大家講什么內容,可以直接留意提問,說不定下次文章就會講解了。
如果你覺得這篇文章對你有幫助,請轉發點贊支持一下!
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/101863.html
摘要:前言得益于金三銀四,在最近一段時間,面試了一些人,但是符合的寥寥無幾。看到我的面試題自己寫的面試題,自己想的答案。聽人說過一個面試套路面試官問的問題,可能面試官自己都不懂,目的只是為了壓工資,挫士氣。不過我是為了測試面試者是不是真的精通。 技術在不斷的創新,隨著框架,庫,構建工具,打包工具,版本控制工具等操作越來越方便,使用越來越簡單。面對這樣的情況,除了興奮,也要警惕。這些工具使得開...
摘要:正因為如此,現在很多簡歷上的項目經歷的質量都是參差不齊,同時有的項目經歷又非常相似,面試官一眼就能知道你的項目到底是真是假。雖然以上三點原則不能包治百病,但是對很多同學來說應該是蠻有益處的。閱讀本文大概需要 5 分鐘。作者:黃小斜showImg(https://user-gold-cdn.xitu.io/2019/3/30/169cdb4bd2cac24c);?作為一個程序員,想必大家曾經都...
摘要:的暑期實習面試到現在差不多都結束了,算下來自己也投了十幾家簡歷,經歷的差不多十場筆試,現場和電話面試也差不多有五六家公司。阿里三面三面不知道是不是交叉面,不過這次面試面試官說他是北京的之前都是杭州。 2017的暑期實習面試到現在差不多都結束了,算下來自己也投了十幾家簡歷,經歷的差不多十場筆試,現場和電話面試也差不多有五六家公司。雖然最后只拿到兩個offer,所幸是自己期待的公司,下面從...
摘要:另外回答的時候要淡定,一些問題就算不懂也不能慌,要和面試官談笑風生,然后盡量扯回到自己懂的東西上面大公司比如百度給我的感覺就是很重視基礎思維和潛力。 —— 雖然我的offer少,但是我的拒信多啊 這幾天終于閑下來,做一點微小的工作,整理了一些之前幾家公司的前端面試題和個人經驗,想做前端的師弟妹可以參考,也歡迎各同行大神來指教~ (以下問題不分先后,時間久遠難免有些遺漏;很多問題面試官都...
閱讀 3241·2023-04-25 20:35
閱讀 3606·2019-08-30 15:54
閱讀 1982·2019-08-30 15:43
閱讀 2169·2019-08-29 15:14
閱讀 1880·2019-08-29 11:17
閱讀 3372·2019-08-26 13:36
閱讀 685·2019-08-26 10:15
閱讀 2816·2019-08-23 15:41