欢迎访问 生活随笔!

生活随笔

当前位置: 首页 > 前端技术 > javascript >内容正文

javascript

JS 闭包(计数)

发布时间:2025/3/15 javascript 45 豆豆
生活随笔 收集整理的这篇文章主要介绍了 JS 闭包(计数) 小编觉得挺不错的,现在分享给大家,帮大家做个参考.
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>阿西吧</title> </head> <body><p>局部变量计数。</p> <button type="button" onclick="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> </html>
  • 变量 add 指定了函数自我调用的返回字值。
  • 自我调用函数只执行一次。设置计数器为 0。并返回函数表达式。
  • add变量可以作为一个函数使用。非常棒的部分是它可以访问函数上一层作用域的计数器。
  • 这个叫作 JavaScript 闭包。它使得函数拥有私有变量变成可能。
  • 计数器受匿名函数的作用域保护,只能通过 add 方法修改。

总结

以上是生活随笔为你收集整理的JS 闭包(计数)的全部内容,希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错,欢迎将生活随笔推荐给好友。