JS闭包的概念

JavaScript05

JS闭包的概念,第1张

闭包就是能够读取其他函数内部变量的函数。由于在Javascript语言中,只有函数内部的子函数才能读取局部变量,因此可以把闭包简单理解成"定义在一个函数内部的函数"。所以,在本质上,闭包就是将函数内部和函数外部连接起来的一座桥梁。

扩展资料:

闭包包含自由(未绑定到特定对象)变量这些变量不是在这个代码块内或者任何全局上下文中定义的,而是在定义代码块的环境中定义(局部变量)。

"闭包" 一词来源于以下两者的结合:要执行的代码块(由于自由变量被包含在代码块中,这些自由变量以及它们引用的对象没有被释放)和为自由变量提供绑定的计算环境(作用域)。在PHP、Scala、Scheme、Common Lisp、Smalltalk、Groovy、JavaScript、Ruby、 Python、Go、Lua、objective c、swift 以及Java(Java8及以上)等语言中都能找到对闭包不同程度的支持。

写这个文章也是为了回顾下闭包的只是点,其实许多前端对闭包都有点一知半解,包括我自己也是。

闭包函数:声明在一个函数中的函数,叫做闭包函数。

闭包:内部函数总是可以访问其所在的外部函数中声明的参数和变量,即使在其外部函数被返回(寿命终结)了之后。其实闭包在我看来就是变量作用域的。

let c = test()其实就是将test函数运行的结果赋值给c,其返回的是d方法

执行后的结果是30,因为正常来说a和b其实是局部变量,只作用于test函数。而c()的运行环境并没有变量a和b,其实这就是b包。由于在javascript中,只有函数内部的子函数才能读取局部变量,所以说,闭包可以简单理解成“定义在一个函数内部的函数“。

所以,在本质上, 闭包是将函数内部和函数外部连接起来的桥梁 。

1、是前面提到的 可以读取函数内部的变量

2、是 让这些变量的值始终保持在内存中 ,不会在调用后被自动清除。

闭包的注意事项:

1、由于闭包会使得函数中的变量都被保存在内存中,内存消耗很大,所以不能滥用闭包,否则会造成网页的性能问题,在IE中可能导致内存泄露。 解决方法是,在退出函数之前,将不使用的局部变量全部删除。

2、闭包会在父函数外部,改变父函数内部变量的值。所以,如果你把父函数当作对象(object)使用,把闭包当作它的公用方法(Public Method),把内部变量当作它的私有属性(private value),这时一定要小心,不要随便改变父函数内部变量的值。

在网上看到了一道练习题,跟this指向也有关系,可以看下

var name = "The Window"

var object = {

name : "My Object",

getNameFunc : function(){

return function(){

return this.name

}

}

}

alert(object.getNameFunc()())

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

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

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)

    }