三个JS函数闭包（closure）例子

最新推荐文章于 2022-05-17 17:35:15 发布
最新推荐文章于 2022-05-17 17:35:15 发布
阅读量120 收藏
点赞数
文章标签： javascript ViewUI
原文链接：https://yq.aliyun.com/articles/387129
版权

闭包是JS较难分辨的一个概念，我只是按自己的理解写下来，如有不对还请指出。

 

函数闭包是指当一个函数被定义在另一个函数内部时，这个内部函数使用到的变量会被封闭起来形成一个闭包，这些变量会保持形成闭包时设定的值。当内部函数被从外面访问时，它会显示出当时形成闭包时设定的值。下面举例说明：

例一：

复制代码 
 <body onload="alert(caculate(1,2))">
  
 </body>
</html>
<script type="text/javascript">
<!--
function caculate(op1,op2){
    var num=6;
    function add(){
        return op1+op2+num;
    }

    return add();
}
//-->
</script>
复制代码

上面这段代码执行会显示9.

例二：

复制代码 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
 <head>
  <title> New Document </title>
  <meta name="Generator" content="EditPlus">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
 </head>

 <body onload="init()">
        <div>123</div>
        <div>abc</div>
        <div>456</div>
        <div>cde</div>
        <div>567</div>
        <div>efg</div>
        <div>789</div>
        <div>fgh</div>
 </body>
</html>
<script type="text/javascript">
<!--
function init(){
    var divs=document.getElementsByTagName("div");

    for(var i=0;i<divs.length;i++){
        var div=divs[i];
        (function(div){
            div.onclick=function(){
                alert(this.innerHTML);
            };
        })(div);
    }
}
//-->
</script>
复制代码

例三：

 

复制代码 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
 <head>
  <title> New Document </title>
  <meta name="Generator" content="EditPlus">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
 </head>

 <body onload="init()">
    <table border="1">
        <tbody id="mytable">
            <tr><td>1</td><td>abc</td><td>123</td><td>1000</td></tr>
            <tr><td>2</td><td>bcd</td><td>456</td><td>10000</td></tr>
            <tr><td>3</td><td>cde</td><td>567</td><td>10000</td></tr>
            <tr><td>4</td><td>def</td><td>789</td><td>10000</td></tr>
        </tbody>
    </table>
 </body>
</html>
<script type="text/javascript">
<!--
function init(){
    var table=document.getElementById("mytable");

    for(var i=0;i<table.rows.length;i++){
        var tr=table.rows[i];
        var tds=tr.getElementsByTagName("td");

        for(var j=0;j<tds.length;j++){
            var td=tds[j];

            (function(td){
                td.onclick=function(){alert(this.innerHTML)};
            })(td);
        }
    }
}
//-->
</script>
复制代码

例程下载












本文转自张昺华-sky博客园博客，原文链接：http://www.cnblogs.com/xiandedanteng/p/6286337.html，如需转载请自行联系原作者

weixin_34384681
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
闭包closure的例子
jairana的博客
10-31 320
闭包： 简单说,闭包就是根据不同的配置信息得到不同的结果再来看看专业的解释:闭包（Closure）是词法闭包（Lexical Closure）的简称，是引用了自由变量的函数。这个被引用的自由变量将和这个函数一同存在，即使已经离开了创造它的环境也不例外。所以，有另一种说法认为闭包是由函数和与其相关的引用环境组合而成的实体。 eg1：def pow(x): def ech
闭包的功能举例
weixin_30521161的博客
01-10 63
闭包可以在函数外部或者其他函数内,访问本函数内的变量: 闭包可以使变量持久,常驻内存,又可以避免变量被外部修改 1 def func(): 2 name = "大傻子" #定义个name = "大傻子" 3 def func1(): 4 return name #把name返回给func1 5 ...
分享几个闭包的例子
weixin_34327761的博客
07-03 192
例子1 立即调用表达式会立即执行，不需要test()调用 显示调用test()只是会调用一个匿名函数 局部变量i不会随着调用的结束而被回收，而是一直保存在内存中 javascriptvar test = (function () { console.log("test func"); var i = 0; r...
JS 函数闭包 闭包实例
XUANEER的博客
11-01 318
什么是闭包 闭包是指有权访问另一个函数作用域中的变量的函数. 也就是说: 可以在函数外部访问函数内部的局部变量. 让这些变量始终保存在内存中, 不会随着函数的结束而自动销毁. 闭包例子 以下是‘后盾人教程’的笔记梳理 使用闭包获取区间商品 let fruits = [{'name': 'apple','price': 6},{'name': 'banana','price': 10},{'name': 'orange', 'price': 20}]; function between(a, b)
js闭包函数案例
weixin_48912846的博客
01-17 181
function a(){ let j = 10 let i = 10 console.log(i+j); //打印20 //初始化b let b = function(){ //里面的方法，用到了外面方法定义的变量 //所以，i会一直存在于内存中 //这样的函数，我们又称之为：闭包函数 i += 5 console.log(i); console.log('HelloWorld'); }
Javascript闭包与函数柯里化浅析
10-22
JavaScript中的闭包和函数柯里化是两种强大的技术，它们都是函数式编程的重要组成部分。闭包是一种机制，允许函数访问并操作其外部作用域的变量，即使在其定义的上下文之外。而函数柯里化是一种将多参数函数转换为一...
JavaScript 匿名函数（anonymous function）与闭包（closure）
10-28
在这个例子中，`count`变量是私有的，只能通过`increment`、`decrement`和`value`这三个方法来访问和修改。 总结来说，JavaScript的匿名函数提供了无名函数的便利性，而闭包则解决了变量作用域的问题，使得函数可以...
js的闭包的一个示例说明
01-19
js中 某个函数的内部函数在该函数执行结束后仍然可以访问这个函数中定义的变量，这称为闭包(Closure) 下面例子是给三个锚anchor1,anchor2,anchor3添加onclick事件，可以预期的效果是点击锚点显示相应的锚点ID，实际...
javascript的闭包介绍(司徒正美)
10-28
2. **函数闭包**：最常见的闭包形式。例如： ```javascript function outer() { var x = 1; return function inner() { console.log(x); // 输出 1 }; } var closure = outer(); closure(); // 输出 1 ```...
详解JavaScript函数
11-23
在这个例子中，`inner`函数形成了一个闭包，因为它可以访问`outer`函数的局部变量`outerVar`，即使`outer`函数已经执行完成。 总的来说，JavaScript函数是语言的基石，理解它们的声明、调用、作用域、返回值以及...
PHP 典型的闭包函数 实例 说明
qq_37200505的博客
10-16 178
执行先后：优先执行函数，再闭包 1、参数为字符变量时 function test(\Closure $a){ //函数中的参数为闭包函数 $c = $a(1); //闭包函数的参数（1代表给闭包传的参数） 可以传多个 c闭包函数返回值vardump(c 闭包函数返回值 var_dump(c闭包函数返回值vard​ump(c); } $b= 3; test(function (val)...
js 闭包函数例子2个
jiaweimin123的博客
08-24 390
匿名函数式： var func = (function () { var sum = 0; return function (num) { sum += num; console.log(sum); } })(); func(5)
闭包 （举例）
m0_63476377的博客
12-10 2186
闭包 例： sum是函数作用域里面的变量，也称局部变量，外面没有办法直接访问这个局部变量，除非把sum最为返回值返回出去，外面才可以访问sum。 function add(){ var sum = 0; for ( var i = 0 ;i<arguments.length;i++){ sum = sum + arguments[i]; } return sum; } 既然是在函数中，可以把一个变量返回出去，那么自然也可以把一个函数返回出去。（3.
闭包（含实例代码，通俗易懂）
Delicia_Lani的博客
08-01 3160
闭包实现累加： var count = 0 var fn1 = function () { return function (){ count++ console.log(count) } } var fn2 = fn1() fn2() fn2() fn2() fn2() 闭包实现函数只有一次有效调用： var fn1 = functi...
闭包的两个经典例子
linyeban的博客
02-14 2349
1.    下面这段代码想要循环延时输出结果0 1 2 3 4,请问输出结果是否正确,如果不正确,请说明为什么,并修改循环内的代码使其输出正确结果 for (var i = 0; i < 5; ++i) { setTimeout(function () { console.log(i + ' '); }, 100); }不能输出正确结果
js——函数的闭包
Glichi的博客
07-15 255
两个函数互相嵌套或者多个函数互相嵌套----闭包 闭包是指有权访问另一个函数的作用域中的变量的函数，创建闭包的常见方式，就是在一个函数内部创建另一个函数。 但凡是内部的函数保存在了外部，一定产生闭包。 关于内存泄露问题 当内部函数被保存到外部时，将会生成闭包。闭包会导致原有作用域链不释放（占空间），造成内存泄漏。 内存泄漏：占用的内存没有及时释放。内存泄露积累多了就容易导致内存溢出。 常见的内存...
JS中的闭包(closure)
Stan的专栏
04-10 571
先从一个例子入手：function fun(){ var count = 0; return function(){ return ++count; } } var func = fun(); alert(func()); // 1 alert(func()); // 2简单理解：闭包是一种具有状态的函数，或者将闭包的特征理解为，其相关的局部变量在函数调用结束
闭包以及闭包的典型例子
weixin_46700025的博客
05-17 1008
1.闭包就是一个封闭的空间，存放会被使用的变量。 2.引用外部变量就会产生闭包。 3.可以自定义闭包，可以让外部环境访问到函数内部的变量，使得内部变量持续保存。解决了全局变量污染的问题。 典型例子： for(var i = 0;i<=3;i++){ setTimeout(function(){ console.log(i); },1000); }//由于访问外部变量形成闭包，访问的是相同变量i，i只有一个：4444 for(var i = 0;i<=3;
一个闭包的小例子
杜小白的博客
07-31 2884
首先先解释一下作用域的概念：     在JavaScript中，只有函数具有作用域。也就是说，在一个函数内部声明的变量在函数外部无法访问。 定义在一个函数中的变量在改函数的内嵌函数中是可以访问的。 下面先举一个作用域的例子： function foo(){ var a = 10; function bar(){ a *= 2; return...
JavaScript函数闭包
最新发布
09-02
JavaScript中的闭包是指一个函数能够访问并使用其外部作用域中的变量，即使在该函数被调用之后，该外部作用域的上下文已经销毁。简单来说，闭包是指一个函数保留了对其词法作用域的引用，使得函数可以访问和操作外部作用域的变量。 在JavaScript中，闭包可以通过函数嵌套来创建。当一个函数在内部定义了另一个函数，并且内部函数引用了外部函数的变量，那么内部函数就形成了闭包。闭包函数可以访问和修改外部函数的变量，即使在外部函数执行完毕后，这些变量依然存在于闭包函数的作用域中。 以下是一个闭包函数的例子： ```javascript function outerFunction() { var outerVariable = 'Hello'; function innerFunction() { console.log(outerVariable); } return innerFunction; } var closure = outerFunction(); closure(); // 输出 'Hello' ``` 在这个例子中，内部函数`innerFunction`形成了闭包，它可以访问和使用外部函数`outerFunction`中的变量`outerVariable`，即使`outerFunction`执行完毕后，闭包仍然可以访问和操作`outerVariable`的值。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* [JavaScript中的闭包](https://blog.csdn.net/qq_44482048/article/details/128714553)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"] - *2* [轻松学习Javascript闭包函数](https://download.csdn.net/download/weixin_38628429/13018893)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"] - *3* [JavaScript之闭包](https://blog.csdn.net/qq_57586976/article/details/127678306)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值