有关JavaScript的匿名函数问题
有关JS的作用域,闭包以及模拟私有属性等问题的详细讲解链接,已经收录在这里。这里用来补充一点鸡肋的东东以及个人的总结和理解。
你看这是啥?(function(){...})();
这个可以解释为匿名函数自调用,也就是说,定义一个匿名函数,然后立即调用他(否则就无法获取他的引用了,因为匿名么~)。
通常这样做,是在写一些大型JavaScript框架用,因为那个匿名函数的函数体,相当于提供了一个匿名的名字空间,而且因为他“自”执行,所以里面定义的identifier全部在这个匿名空间的庇护下。因此可以很好的避免名字冲突。因为JavaScript没有显式,或者说,语言本身并未提供名字空间机制。
匿名函数写法;
正常:function f(x){ x*x;}; f(x);
另外一种:(function(x){ x*x;})(x); 注意最外层的括号,其实这样写就等于
var f = function(x)
{
X*X;
}
f();
闭包的“闭”是指闭包的内部环境对外部不可见,也就是说闭包具有控制外部域的能力但是又能防止外部对闭包的反向控制,换句话说,闭包的领域是对外封闭的。这一特点是因为javascript闭包是通过function实现的,所以它天然具有基本的函数特征,在闭包内声明的变量,闭包外的任何环境都无法访问的,除非闭包向外部环境提供了访问它们的接口。
一个体现闭包本质的例子
<html>
<head>
<title>Example-22.2 闭包的本质</title>
</head>
<body>
<script>
<!--
//A是一个普通的函数
function A(a)
{
return a;
}
//B是一个带函数返回值的函数
function B(b)
{
return function (){
return b;
}
}
var x = A(10);
// 因为A除了返回a外什么也没做,执行A()函数后,调用堆栈被销毁,没有产生闭包
// 或者说在调用"瞬间"产生了闭包,然后马上被销毁
var y = B(20);
// 因为B返回了一个匿名函数引用,它访问到B()被调用时产生的环境
// 因此这里产生了一个"闭包结构"(closure或者function instance),在它的环境中,b = 20,因此y()的返回结果是20
var z = B(30);
// 同样,这里产生了第二个"闭包结构"。在它的环境中,b = 30,因此z()的返回结果是30
alert(x); //得到10
alert(y()); //得到20
alert(z()); //得到30
-->
</script>
</body>
</html>
闭包是一种引用结构,至少在javascript中是这样,javascript中的闭包也可以理解为一种“函数实例引用” 。javascript的对象中的所有属性其实就是环境中的非持久性变量,而在构造函数内部用this.foo = function(){...} 形式定义的方法其实也是闭包的一种创建形式,只是它提供了一种开放了“外部接口”的闭包
摘自《javascript王者归来》
你看这是啥?(function(){...})();
这个可以解释为匿名函数自调用,也就是说,定义一个匿名函数,然后立即调用他(否则就无法获取他的引用了,因为匿名么~)。
通常这样做,是在写一些大型JavaScript框架用,因为那个匿名函数的函数体,相当于提供了一个匿名的名字空间,而且因为他“自”执行,所以里面定义的identifier全部在这个匿名空间的庇护下。因此可以很好的避免名字冲突。因为JavaScript没有显式,或者说,语言本身并未提供名字空间机制。
匿名函数写法;
正常:function f(x){ x*x;}; f(x);
另外一种:(function(x){ x*x;})(x); 注意最外层的括号,其实这样写就等于
var f = function(x)
{
X*X;
}
f();
闭包的“闭”是指闭包的内部环境对外部不可见,也就是说闭包具有控制外部域的能力但是又能防止外部对闭包的反向控制,换句话说,闭包的领域是对外封闭的。这一特点是因为javascript闭包是通过function实现的,所以它天然具有基本的函数特征,在闭包内声明的变量,闭包外的任何环境都无法访问的,除非闭包向外部环境提供了访问它们的接口。
一个体现闭包本质的例子
<html>
<head>
<title>Example-22.2 闭包的本质</title>
</head>
<body>
<script>
<!--
//A是一个普通的函数
function A(a)
{
return a;
}
//B是一个带函数返回值的函数
function B(b)
{
return function (){
return b;
}
}
var x = A(10);
// 因为A除了返回a外什么也没做,执行A()函数后,调用堆栈被销毁,没有产生闭包
// 或者说在调用"瞬间"产生了闭包,然后马上被销毁
var y = B(20);
// 因为B返回了一个匿名函数引用,它访问到B()被调用时产生的环境
// 因此这里产生了一个"闭包结构"(closure或者function instance),在它的环境中,b = 20,因此y()的返回结果是20
var z = B(30);
// 同样,这里产生了第二个"闭包结构"。在它的环境中,b = 30,因此z()的返回结果是30
alert(x); //得到10
alert(y()); //得到20
alert(z()); //得到30
-->
</script>
</body>
</html>
闭包是一种引用结构,至少在javascript中是这样,javascript中的闭包也可以理解为一种“函数实例引用” 。javascript的对象中的所有属性其实就是环境中的非持久性变量,而在构造函数内部用this.foo = function(){...} 形式定义的方法其实也是闭包的一种创建形式,只是它提供了一种开放了“外部接口”的闭包
摘自《javascript王者归来》