匿名函数、嵌套函数、闭包分别是什么
function (){ console.log('匿名函数') }
嵌套函数呢 ? 请看代码:
function test (){ var sum = 20; //内嵌函数 demo = function(){ alert(sum); console.log('我是嵌套函数'); } }
如代码所示,函数内部嵌入函数,称之为嵌套函数。
那闭包又是什么呢?
不多说,看代码
function demo(){ var num = 0; // 返回一个函数 return function(){ alert( num+1 ); } } //将返回的函数赋值给 add 变量 var add = demo(); // add就是一个闭包 add();
这么看,感觉像是,只要是嵌套函数,且能访问上一层作用域的变量就是闭包。 是这样吗?
我们知道,js中,分为全局作用域,局部作用域,每个函数也就相等于一个局部作用域。
同理,变量,也分为全局变量和局部变量。 有什么区别呢?
在浏览器中,全局作用域对象是 window,也就是说页面一打开,window对象就存在。
在js中,每个函数是局部作用域,局部变量会随着 函数的执行创建和执行完毕后销毁。
而全局变量,只要页面不关闭,则会一直存在。并不会随着函数的执行完毕而销毁。
那么和闭包有什么关系呢?
在 “javaScript高级程序” 这本书有讲到过“作用域链”的概念, 特殊之处,在于函数内部可以直接读取全局变量。
而函数外部却不能读取函数内部的变量。
也就是说,作用域链就像只能往上不能往下的阶梯。我们看段代码理解
var name = "window"; var age = 20; dmeo(); function demo(){ var age = 21; console.log(name); // window console.log(age); //21 }
在执行 demo() 函数时,就会创建一个通往全局作用域链,保存着当前作用域的变量,以便查找返回。
在执行 console.log( name ) 这段代码时,会搜寻当前作用域( demo函数 ) 中是否存在 name 变量,因当前作用域不存在,所以在往上找到全局变量 name ,因此返回 window;
在执行 console.log( age ) 这段代码时, 也会搜寻 当前作用域(demo函数) 中是否存在 age 变量,因为存在,所以返回 21。
既然机制是只能往上读, 那么考虑一个问题,怎么在外部读取内部函数的变量呢?
办法不是没有,稍微变通下即可。这就需要用到闭包的概念,
function f1(){ var num = 0 ; //定义内部函数 function f2(){ return num + 1; } //返回 f2函数引用 retufn f2; } // bar 变量也指向 f2 函数,在此也是一个闭包 var bar = f1(); //执行 bar(); // 1;
我们知道,函数中的变量会随着函数的执行完毕后会被销毁。而如上代码,f1()函数执行完毕后,将f2函数赋值给一个全局变量,而f2函数的变量又依赖f1的num变量,因此,f1
中的num变量并不会随着f1的函数执行完毕后而销毁。
这里借用 “阮一峰” 大神的题目借此解析加深理解。
链接: 学习javaScript闭包
var name = "the window"; var obj = { name : 'the obj', getName : function(){ return funciton(){ return this.name; } } } //执行 getName返回的函数 alert(obj.getName()());
我们看调用函数分析, 分成两部分执行。 先来看 obj.getName(); 此时getName函数由 obj对象调用,因此this的值是 obj。 但此时并不是输出而是返回一个函数。
再加上一个(); 执行返回的函数,但此时返回的函数并没有任何对象调用,当不是对象本身调用,this的值会被提升到 window对象。因此输出的是 “the window"
var name = "the Window"; var obj = { name : "the obj", getName : funciton(){ var that = this; return function(){ return that.name; } } } //执行 getName 返回的函数 alert(obj.getName()());
以上就是匿名函数、嵌套函数、闭包分别是什么的详细内容,更多请关注其它相关文章!