JavaScript 闭包系列二 --- 匿名函数及函数的闭包

时间：2014-10-23 12:08:41 阅读：164 评论：0 收藏：0 [点我收藏+]

标签：style blog color io os ar 使用 java for

一. 匿名函数

1. 函数的定义，可分为三种

1）函数声明方式

function double(x) {
return 2*x;
}

2）Function构造函数，把参数列表和函数体都作为字符串，不方便，不建议使用

var double = new Function(‘x‘, ‘return 2*x;‘);

3）函数表达式方式

var double = function(x) {
return 2*x;
}

该形式中，等号右边是一个匿名函数，创建函数完毕后，将该函数赋给了变量double。

2. 匿名函数

1）第一种方式

var double= function(x) {
return 2*x;
}

等号右边是一个匿名函数。注意匿名函数不能直接独立的房子代码中，如下代码

functino(x) {
return 2*x;
} //SyntaxError: Unexpected token (

2）第二种方式

(function(x,y) {
console.log(x+y);
})(2,3);

创建一个匿名函数（在第一个括号内），第二个括号用于调用该匿名函数并传入参数。

二. 闭包(Closure)

闭包的含义：外层函数包含内层函数，内层函数可以访问外层函数的所有变量，即使外层函数执行完毕。（JavaScript作用域链）

题外话：上述对于闭包的解释与《JavaScript 闭包系列一》中不完全吻合。上述解释，闭包成立只需满足：函数inner嵌套在函数outer内部。另一些文章对于闭包的解释，闭包成立需要两个条件：1）函数inner嵌套在函数outer内部；2）函数outer返回函数inner。对此，我已经凌乱了，各路大侠谁能够给个定论？

Example 1：函数outer是瞬间执行的（约0.00001毫秒），在函数outer体内创建了一个变量str，在outer执行完毕后，str变量未被释放，这是由于setTimeout内的匿名函数存在对变量str的引用。等到2秒后，匿名函数执行完毕，str才被释放。

function outer() {
    var str = "closure";
    setTimeout(function() {
        console.log(str);
    }, 2000);
}
outer();  //closure

Example 2：此例是否为闭包呢？

function outer() {
    var i = 22;
    (function inner() {
        console.log(i);
    })();
}
outer();  //22

Example 3：简化代码

三. 匿名函数与闭包

匿名函数的最大用途是创建闭包，它也可用来构建命名空间，减少全局变量的使用。

Example1: 匿名函数中的addEvent和removeEvent为局部变量，但是可以通过全局变量oEvent使用它，大大减少了全局变量的使用，增强了网页的安全性。

var oEvent = {};
(function() {
    var addEvent = function() {};
    function removeEvent(){}

    oEvent.addEvent = addEvent;
    oEvent.removeEvent = removeEvent;
})();

JavaScript 闭包系列二 --- 匿名函数及函数的闭包

标签：style blog color io os ar 使用 java for

原文地址：http://www.cnblogs.com/sun-mile-rain/p/4045371.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)

周排行