国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

<rp id="oj1wh"><del id="oj1wh"></del></rp><source id="oj1wh"></source>

<small id="oj1wh"><tbody id="oj1wh"></tbody></small>

<sub id="oj1wh"><optgroup id="oj1wh"></optgroup></sub><td id="oj1wh"></td>

<td id="oj1wh"><tr id="oj1wh"></tr></td>

首頁 > 編程 > JavaScript > 正文

javascript 常見的閉包問題的解決辦法

2019-11-21 01:00:33

字體：大中小

來源：轉載

供稿：網友

<html> <head> <title></title> <script type="text/javascript">  </script> </head> <body> <div   class="iwvjtn8m0"   id="div" style=" border:1px solid #eee; background:#000;color:#fff;height:50px;width:300px">0</div> <div   class="iwvjtn8m0"   id="div1" style=" border:1px solid #eee; background:#000;color:#fff;height:50px;width:300px">1</div> <div   class="iwvjtn8m0"   id="div2" style=" border:1px solid #eee; background:#000;color:#fff;height:50px;width:300px">2</div> <div   class="iwvjtn8m0"   id="div3" style=" border:1px solid #eee; background:#000;color:#fff;height:50px;width:300px">3</div> <div   class="iwvjtn8m0"   id="div4" style=" border:1px solid #eee; background:#000;color:#fff;height:50px;width:300px">4</div> <div   class="iwvjtn8m0"   id="div5" style=" border:1px solid #eee; background:#000;color:#fff;height:50px;width:300px">5</div> <div   class="iwvjtn8m0"   id="div6" style=" border:1px solid #eee; background:#000;color:#fff;height:50px;width:300px">6</div> <input type="button" value="click" onclick="init();"> </body> </html>

[Ctrl+A 全選注:如需引入外部Js需刷新才能執行]

上段代碼本意是在每個div上都加一個事件，即每當點擊div時，就顯示此div的相應序號。但是運行程序時我們會發現，不論點擊那個，只會顯示7，這是什么愿因呢。--這就是閉包的問題
原來在js中，函數中在定義函數，就出現閉包了。此時外層函數中變量是可以在里層函數里利用的，即使外層函數結束。但是當外層中出現循環的時候，如果在里層函數中利用這個循環變量的話，會直接引用這個變量的最終值。
就像上述代碼演示的一樣。
如何解決呢。
可以利用匿名函數來加以解決。匿名函數會制動執行，我們可以利用這一特性，來產生一個作用域，生命一個變量，來引用外層的循環變量。
如代碼所示：

<html> <head> <title></title> <script type="text/javascript"></script> </head> <body> <div   class="iwvjtn8m0"   id="div" style=" border:1px solid #eee; background:#000;color:#fff;height:50px;width:300px">0</div> <div   class="iwvjtn8m0"   id="div1" style=" border:1px solid #eee; background:#000;color:#fff;height:50px;width:300px">1</div> <div   class="iwvjtn8m0"   id="div2" style=" border:1px solid #eee; background:#000;color:#fff;height:50px;width:300px">2</div> <div   class="iwvjtn8m0"   id="div3" style=" border:1px solid #eee; background:#000;color:#fff;height:50px;width:300px">3</div> <div   class="iwvjtn8m0"   id="div4" style=" border:1px solid #eee; background:#000;color:#fff;height:50px;width:300px">4</div> <div   class="iwvjtn8m0"   id="div5" style=" border:1px solid #eee; background:#000;color:#fff;height:50px;width:300px">5</div> <div   class="iwvjtn8m0"   id="div6" style=" border:1px solid #eee; background:#000;color:#fff;height:50px;width:300px">6</div> <input type="button" value="click" onclick="init();"> </body> </html>

[Ctrl+A 全選注:如需引入外部Js需刷新才能執行]

由于在內層函數里只要出現循環變量的話都是最終值，所以我們利用匿名函數激發出一個作用域，在進入內層循環之前，有另一變量獲得該循環變量的值，這一思想是處理閉包問題的精髓。

如下例子：此時并沒有明顯的for循環，但是根據上述思想，可以立即加以解決問題

[Ctrl+A 全選注:如需引入外部Js需刷新才能執行]

解決后代碼：

[Ctrl+A 全選注:如需引入外部Js需刷新才能執行]

補充：看到有網友這樣解決了問題：

[Ctrl+A 全選注:如需引入外部Js需刷新才能執行]

我個人的理解是在進入內層循環之前把id賦值給f，f在作為內層循環的參數，其思想應該是一樣的.

上一篇：在js中單選框和復選框獲取值的方式

下一篇：模仿JQuery sortable效果代碼有錯但值得看看

學習交流

索泰發布一款GTX 1070 Mini迷你版本:小機

索泰發布一款GTX 1070 Mini迷你版本:小機箱大愛...

熱門圖片

猜你喜歡的新聞

猜你喜歡的關注

新聞熱點

榮耀總裁趙明烏鎮演講：榮耀首款5G手機V30下月發布

2019-10-23 09:17:05

搜狐張朝陽：回歸媒體是搜狐重新崛起的關鍵

2019-10-21 09:20:02

華為輪值董事長郭平：虛擬技術創造現實價值

2019-10-21 09:00:12

滴滴英文服務上線兩周年用戶已超200萬

2019-09-26 08:57:12

華為推出全球至快AI訓練集群Atlas900

2019-09-25 08:46:36

馬斯克：特斯拉正組建中國技術團隊

2019-09-25 08:15:43

疑難解答

圖片精選

網友關注

主站蜘蛛池模板：丽水市| 大埔区| 洛宁县| 花莲市| 松滋市| 滕州市| 泸溪县| 榆树市| 松阳县| 乐昌市| 雅安市| 曲松县| 河西区| 新安县| 宿州市| 临猗县| 门头沟区| 姚安县| 澄城县| 富源县| 万盛区| 陈巴尔虎旗| 乡城县| 海宁市| 扶沟县| 名山县| 霍林郭勒市| 左权县| 苍山县| 义马市| 桂平市| 太康县| 沂源县| 左权县| 新闻| 贞丰县| 福海县| 遂平县| 米易县| 大姚县| 三江|

<td id="mqiua"></td>

^{<noscript id="mqiua"></noscript>}