javascript之函数2(闭包)

目录

前言

一、"闭包"函数

1、概念

2、作用

3、特性

4、创建

5、常用闭包

6、闭包的缺点


 

前言

了解闭包函数之前,我们需要复习一下作用域链。 在js中,内层函数在执行过程中,若需要引入某个变量,则需要由当前作用域逐层寻找,直到全局作用域。那也就是说,在外层作用域下无法获取内层作用域下的变量。同样,不同函数作用域也是不能相互访问彼此变量的。为了解决这个问题,我们就需要用到闭包。

一、"闭包"函数

1、概念

闭包指的是那些引用了另一个函数作用域中变量的函数,通常是在嵌套函数中实现的。

2、作用

 (1)可以在函数的外部访问函数内部的变量。
          
 (2)可以让变量的值始终保存在内存中。

3、特性

(1)函数嵌套的内部函数

(2)对参数和变量的获取

(3)参数和变量不会被垃圾回收机制回收

注:注意:滥用'闭包'对程序的执行效率会产生很大的影响

4、创建

在一个函数的内部创建另外一个函数。另外一个函数可以访问该函数的局部变量。

在这段代码中,f1()中的返回值是一个匿名函数c,这个函数在f1()作用域内部,所以它可以获取f1()作用域下变量times的值,将这个值作为返回值赋给全局作用域下的变量count,实现了在全局变量下获取到局部变量中的变量的值。

function f1(){
   var times = 0; // f1中的局部变量
   var c = function(){  //'闭包',在它的内部可以访问外部函数fn的局部变量times
       return ++times;
   }
   return c;
}
   var count = f1();   //将函数fn赋给变量count
   console.log(count()); //将函数fn赋给变量count
   console.log(count());
   console.log(count());

        说明使用闭包不会释放局部变量。

5、常用闭包

(1)闭包作为另一个函数的返回值

function f1(){
   var a = 0; // 
   function f2(){  //'闭包',在它的内部可以访问外部函数fn的局部变量times
       return ++a;
   }
   return f2;
}
   var count = f1();   //将函数fn赋给变量count
   console.log( count());//输出1
   console.log( count());//输出2
   console.log( count());//输出3

 

(2)闭包作为参数传递

function show(name, age) {
    setTimeout(function () {
        console.log(name,age);
    })
}
show("张三", 22);

 

6、闭包的缺点

  •            闭包会保留他们包含函数的作用域,更加占用内存。
  •            闭包执行完后不能自动销毁,可能会导致内存泄漏。  

解决办法:

在使用完变量后手动为它赋值为null会解除对函数的引用。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
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、付费专栏及课程。

余额充值