js 闭包 具体作用?

JavaScript022

js 闭包 具体作用?,第1张

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

闭包就是函数的局部变量集合,只是这些局部变量在函数返回后会继续存在。闭包就是就是函数的“堆栈”在函数返回后并不释放,我们也可以理解为这些函数堆栈并不在栈上分配而是在堆上分配。当在一个函数内定义另外一个函数就会产生闭包。

作用是:匿名自执行函数:我们知道所有的变量,如果不加上var关键字,则默认的会添加到全局对象的属性上去,这样的临时变量加入全局对象有很多坏处,比如:别的函数可能误用这些变量;造成全局对象过于庞大,影响访问速度(因为变量的取值是需要从原型链上遍历的)。除了每次使用变量都是用var关键字外,我们在实际情况下经常遇到这样一种情况,即有的函数只需要执行一次,其内部变量无需维护,可以用闭包。

结果缓存:我们开发中会碰到很多情况,设想我们有一个处理过程很耗时的函数对象,每次调用都会花费很长时间,那么我们就需要将计算出来的值存储起来,当调用这个函数的时候,首先在缓存中查找,如果找不到,则进行计算,然后更新缓存并返回值,如果找到了,直接返回查找到的值即可。闭包正是可以做到这一点,因为它不会释放外部的引用,从而函数内部的值可以得以保留。

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

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

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)

    }