文章详情

短信预约-IT技能 免费直播动态提醒

请输入下面的图形验证码

提交验证

短信预约提醒成功

Javascript的独特的概念之闭包

2024-04-02 19:55

关注

Javascript闭包简介:

Javascript语言中,有一个独特的概念:闭包(closure),这在类似C++,Java等编程语言中没有这个概念。很多高级应用都要依靠闭包实现。

为什么是闭包:

或者说,为什么需要闭包,闭包的作用到底是什么?要理解这个概念,首先要理解Javascript中的作用域。

闭包的作用域:

和Java,C/C++等高级编程语言一样,Javascript也有作用域这个概念。但是,相比而言,它们有很大的区别。

1). 变量的标识:Java,C/C++等编程语言是强类型语言,即变量的声明需要用类型来标识(无论是普通类型,还是自定义类型)。

而Javascript语言是弱类型语言,即不需要用具体的类型来标识变量(例如,只需要用var/let,或者都不需要用它们来标识)。

2). 变量的作用域:

Javascript:函数内部可以直接读取全局变量;在函数外部无法访问函数内的局部变量。

函数内部声明的变量,一定要用var来标识;如果一个变量没有标识,则这个变量实际上是一个全局变量。

例如:

var x=10;
  function fun1(){
       var y = 20;
       z = 30;
    console.log(x); //success
  }
   fun1()
    //console.log(y);  //error:Uncaught ReferenceError: y is not defined。 
//分析:y是fun1的内部变量,在函数外部方法fun1的内部变量y
    console.log(z);  //success:z实际上是全局变量

运行结果:

10

30

10 

闭包的概念以及使用:

可以将闭包理解为: 一个拥有许多变量和绑定了这些变量的环境的表达式(通常是一个函数),因而这些变量也是该表达式的一部分。

例如:

function fun2(){
   var x=100;
   function fun3(){
     console.log(x); 
   }
   return fun3;
 }
 var result=fun2();
 result(); //success,输出100

这就是一个闭包的例子。fun2函数的返回值赋给result,再执行result(),从而访问到fun2中的fun3函数的代码。 

有时,我们需要能够访问到函数内的局部变量,这时,就需要用闭包来实现。例如,

function fun4(){
    var x=100;
       iAddOne = function(){
         x=x*x;
       }
    function fun_41(){
      console.log(x);
    }
    return fun_41;
  }
  var res=fun4();
    res(); // 10
    iAddOne();
    res(); // 11

运行结果:

100

10000

可见,这里,闭包是一个函数。

闭包的另外一个作用是:

让闭包表达式的变量始终保存在内存中。因为“变量也是该表达式的一部分”,所以,在函数外部拥有来这个闭包表达式,就相当于拥有来表达式中的变量。

只有在”拥有表达式的函数“的生命周期结束,闭包的生命周期也随之结束。

闭包还可以净化命名空间。

Javascript的一大糟粕就是命名空间冲突。

在C++中,使用using namespace 来进行命名空间的声明和使用;

在java语言中,用import packagename来进行区别。

而在Javascript中,却没有这样的机制。这样,很容易引起类似“同名方法的多处定义和引用”而带来的问题。

因此,有了闭包,在某种程度上,可以减缓这类问题。即内部函数名称相同,但是外部函数可以不同名字就行。

例如:

function fun_test() {
   function fun1(){
   var x=100;
   function fun_common(){
     console.log(x); 
   }
   return fun_common;
 }
function fun2(){
   var y=200;
   function fun_common(){
     console.log(y); 
   }
   return fun_common;
 }
  var result1=fun1();
  result1(); //success,输出100
  var result2=fun2();
  result2(); //success,输出200
}

运行结果:

100

200
 

可见, fun_common分别在fun1和fun2函数中有定义,在fun_test中可以正确访问到它们。

总结

本篇文章就到这里了,希望能够给你带来帮助,也希望您能够多多关注编程网的更多内容!  

vv

阅读原文内容投诉

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

软考中级精品资料免费领

  • 历年真题答案解析
  • 备考技巧名师总结
  • 高频考点精准押题
  • 2024年上半年信息系统项目管理师第二批次真题及答案解析(完整版)

    难度     813人已做
    查看
  • 【考后总结】2024年5月26日信息系统项目管理师第2批次考情分析

    难度     354人已做
    查看
  • 【考后总结】2024年5月25日信息系统项目管理师第1批次考情分析

    难度     318人已做
    查看
  • 2024年上半年软考高项第一、二批次真题考点汇总(完整版)

    难度     435人已做
    查看
  • 2024年上半年系统架构设计师考试综合知识真题

    难度     224人已做
    查看

相关文章

发现更多好内容

猜你喜欢

AI推送时光机
位置:首页-资讯-后端开发
咦!没有更多了?去看看其它编程学习网 内容吧
首页课程
资料下载
问答资讯