Question

JavaScript 里的闭包是什么？应用场景有哪些

Answer 1

闭包是：指有有访问另一个函数作用域中的变量的函数。

 创建闭包的常用方式：在一个函数内部创建一个函数。例子：

functioncreateFunction(name){
    return function(obj1, obj2){
        var value1 = obj1[name];
        var value2 = obj2[name];
       
        return value1 + ", " +value2;
    }
}

了解创建作用域以及作用域有什么作用的细节，对彻底理解闭包到头重要。当某个函数被调用时，会创建一个执行环境及相应的作用域链。然后，使用arguments和其他参数的值来初始化函数的活动对象。

一、闭包

1、createFunction()创建时，它(compare)的作用域包含createFunction()函数的活动对象和全局对象。

//创建函数
var compare = createFunction("name");
console.log(typeofcompare);  //function

2、匿名函数被执行时，创建自己的活动对象和可以访问createFunction()的执行环境。

//调用函数
var result =compare({name: "jjaiy"}, {name:"ascy"});  //jjaiyy, ascy

3、createFunction()函数执行完后，其执行环境的作用域不会被销毁。原因在于它的活动对象还在内存中，直到匿名函数被销毁。

//解除对匿名函数的引用（以便释放内存）
compare = null;

原因在于：

浏览器的垃圾收集方式有：

• 标记清除（主要针对变量）

• 引用计数（跟踪记录每个值被引用的次数）

二、实例运行

封装功能

var route = {
         routes: {},
         for: function(path, handler){ //闭包
                   this.routes[path] = handler;  //引用回调函数
         }
};

//执行二个匿名函数
route.for("/start",function(request, response){
         response.writeHead(200,{"Content-Type": "text/plain"});
         response.write("Hello");
         response.end();
});
 
route.for("/finish",function(request, response){
         response.writeHead(200,{"Content-Type": "text/plain"});
         response.write("Goodbye");
         response.end();
});

//先判断argument中的path变量是否一致，能否调用其函数中的回调函数。
if(typeof route.routes["/finish"] === 'function'){
        route.routes["/finish"](request, response);
    }