闭包就是能够读取其他函数内部变量的函数。由于在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)
}