js闭包函数

JavaScript08

js闭包函数,第1张

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

闭包函数：声明在一个函数中的函数，叫做闭包函数。

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

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()())

这个问题问到js的精髓了。

在js中，万物皆对象，函数只是对象的一种。

js的this，指代着当前对象的自身（itself），但通过你的问题的内容，发现，你关注的地方并不单单在this关键词。

function a(value){

this.value =value

alert(this.vlaue)

}

上面的这个函数语句，意味着，创建了名字为a，参数为value的函数对象：

这个函数对象有一个来自于参数的动态属性value；

这个函数对象还有一个返回值为void的window内置函数alert；

这个函数对象自身没有返回值（void）。

alert(new a(1).value)

上面的这个语句，意味着，新建一个参数为1的a对象，并把这个对象的value作为参数赋值给window的alert函数，并执行window的alert函数。

在上面的语句中，测试时，会出现两次警告框，且警告框的内容都是1，这是因为在新建a对象的时候，执行了一次alert，拿到a对象的value后，又执行了一次alert。

alert(window.a(3))

上面的这个语句，意味着，把3作为window对象的a函数的一个参数，执行a函数。

在上面的语句中，测试时，也会出现两次警告框，但是第一次是3，第二次就是undefined了，这是因为，window.a(3)执行的时候，会alert一下，内容就是3，alert(...)执行的时候，因为里面的window.a(3)没有返回值，所以alert的参数就是没有，所以就导致弹出了一个“undefined”

function a(){

fucntion b(){}

return b

}

new a()()

可以这么写（new a()()）的原因是：

1、“new a()” ，这个是个对象创建过程，就是说，这样可以创建一个全新的函数对象。

2、第二个“()”，这个是个函数执行过程，就是说，加上一对“()”后，这个对象函数才开始执行。

a().b()

不可以这么写的原因是：

a()会让这个a函数对象执行后，返回的是一个名字为没有名字的空函数对象，这个空函数对象里面，并没有一个名字叫b的方法。

你如果想让上面的a里面的b函数顺利执行，可以参考下面的案例：

function a(){

function b(){alert(111)}

return b

}

a()()//这样你就顺利的看到这个b函数执行了。

最后给你一个让你头晕的案例，呵呵。考虑一下是如何执行的，这个案例你完全搞明白后，基本上js的函数对象返回值问题，就不会再有了。

function a(){

this.b = function (){

return this.c = function(){

alert(111)

}

}

}

(new a().b())()