當前位置:
首頁 >
前端技术
> javascript
>内容正文
javascript
10019---JavaScript--闭包
生活随笔
收集整理的這篇文章主要介紹了
10019---JavaScript--闭包
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
私有變量可以用到閉包。
全局變量
函數可以訪問由函數內部定義的變量,也可以訪問函數外部定義的變量。
在web頁面中全局變量屬于 window 對象。
全局變量可應用于頁面上的所有腳本。
全局和局部變量即便名稱相同,它們也是兩個不同的變量。修改其中一個,不會影響另一個的值。
【注】變量聲明是如果不使用 var 關鍵字,那么它就是一個全局變量,即便它在函數內定義。
JavaScript 內嵌函數
所有函數都能訪問全局變量。??
實際上,在 JavaScript 中,所有函數都能訪問它們上一層的作用域。
JavaScript 支持嵌套函數。嵌套函數可以訪問上一層的函數變量。
該實例中,內嵌函數 plus() 可以訪問父函數的 counter 變量:
<script> document.getElementById("demo").innerHTML = add(); function add() {var counter = 0;function plus() {counter += 1;}plus(); return counter; } </script>如果我們能在外部訪問 plus() 函數,這樣就能解決計數器的困境。
我們同樣需要確保 counter = 0 只執行一次。
我們需要閉包。
JavaScript 閉包
還記得函數自我調用嗎?該函數會做什么?
var add = (function () {var counter = 0;return function () {return counter += 1;} })();add();add();add();// 計數器為3另:
<body><p>局部變量計數。</p><button type="button" οnclick="myFunction()">計數!</button><p id="demo">0</p><script> var add = (function () {var counter = 0;return function () {return counter += 1;} })();function myFunction(){document.getElementById("demo").innerHTML = add(); } </script></body>實例解析
變量 add 指定了函數自我調用的返回字值。
自我調用函數只執行一次。設置計數器為 0。并返回函數表達式。
add變量可以作為一個函數使用。非常棒的部分是它可以訪問函數上一層作用域的計數器。
這個叫作 JavaScript 閉包。它使得函數擁有私有變量變成可能。
計數器受匿名函數的作用域保護,只能通過 add 方法修改。
| ? |
總結
以上是生活随笔為你收集整理的10019---JavaScript--闭包的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: Python爬虫开发从入门到实战
- 下一篇: 微信公众号开发,微信支付功能开发(网页J