Fork me on GitHub

Javascript之匿名函数

   分析:

         1、所谓匿名函数,从字面意思理解,就是没有名字的函数,js 用()来代替(注意,是英文状态下的括号

         2、定义形式:   

1
2
3
function (){
    //to add codes that you want to add
}

    3、匿名函数作用

          (1)与闭包函数相比较,最大作用是不污染全局对象,一旦执行完毕,GC自动回收内存,这是与闭包函数本质的区别。闭包函数的一大特点是:

               变量常驻内存,只有关闭浏览器时,才释放。 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
function f1(){
 
    var n=999;
 
    nAdd=function(){n+=1}
 
    function f2(){
      alert(n);
    }
 
    return f2;
 
  }
 
  var result=f1();
 
  result(); // 999
 
  nAdd();
 
  result(); // 1000

  在如上这段代码中,result实际上就是闭包f2函数。它一共运行了两次,第一次的值是999,第二次的值是1000。这证明了,函数f1中的局部变量n一直保存在内存中,并没有在f1调用后被自动清除。

     为什么会这样呢?原因就在于f1是f2的父函数,而f2被赋给了一个全局变量,这导致f2始终在内存中,而f2的存在依赖于f1,因此f1也始终在内存中,不会在调用结束后,被垃圾回收机制(garbage collection)回收。

      这段代码中另一个值得注意的地方,就是“nAdd=function(){n+=1}”这一行,首先在nAdd前面没有使用var关键字,因此 nAdd是一个全局变量,而不是局部变量。其次,nAdd的值是一个匿名函数(anonymous function),而这个

匿名函数本身也是一个闭包,所以nAdd相当于是一个setter,可以在函数外部对函数内部的局部变量进行操作。

          (2)与一般函数相比较,不执行预编译。

1
2
3
4
5
6
7
function fuc() {
    fuc1(); //foo被提到了作用域的最前面, 于是这里可以正常调用foo函数
    fuc2(); //这里会报错bar是个undefined
 
    function fuc1() {alert("foo()") }
    var fuc2 = function () { alert("bar")};
}

 Code:

      匿名函数的几种表现形式:

      模式一:函数字面量 (Function Literal)

      先声明函数对象,然后执行。

1
2
3
(function(){
// insert code here
})();

  模式二:优先表达式 (Prior Expression)

      由于 JavaScript 按照从内到外的顺序执行表达式,因此使用括号来强制执行已声明的函数。

1
2
3
(function(){
// insert code here
}());

    模式三:Void 操作符 (Void Operator) 

    使用 Void 操作符执行一个单独的操作数。

1
2
3
void function(){
// insert code here
}();

  


    

 

 

 

 

 

 

 

 

 

 

 

 

 

 

posted @   Alan_beijing  阅读(1603)  评论(0编辑  收藏  举报
编辑推荐:
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
阅读排行:
· 周边上新:园子的第一款马克杯温暖上架
· Open-Sora 2.0 重磅开源!
· 分享 3 个 .NET 开源的文件压缩处理库,助力快速实现文件压缩解压功能!
· Ollama——大语言模型本地部署的极速利器
· DeepSeek如何颠覆传统软件测试?测试工程师会被淘汰吗?
点击右上角即可分享
微信分享提示