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