您的位置：首页 > Web前端 > JavaScript

javaScript函数的闭包的一个运用 一段魔法代码来说明

2011-07-16 17:10 567 查看
函数可以被视为普通的动态对象来处理。
函数本身也是一种数据。
一段奇特的代码：
<html>
<head>
<title>Example-6.1（2）奇特的函数</title>
</head>
<body>
<script>
<!--
function dwn(s)
{
document.write(s + "<br/>");
}
//"无穷"的菲波纳契数据结构
function Fib(n, x, y)
{
//这里借参数x,y来保留前面的计算结果，即菲波数当前数列到n的最后两个数值
//在实际调用中通常并不用到x、y这两个参数
var a = x || 1; //13
var b = y || 1; //21
if(n == 0){
b = a;
}
var t;
//计算菲波数的算法
for(var i = 2; i <= n + 1; i++)
{
t = b;
b = a + b;
a = t;
}
// Fib(6) 经过循环后a=13 b=21 n=6(没变);
// 闭包返回主函数后n=2
alert("1、n="+n);
var ret = function(n, x, y){
//构造一个闭包，这个闭包本身包含一个以新起点计算Fib值的函数
//Fib(6)(2) 运行后n=2就是（2）第二个参数
alert("2、n="+n);
x = x || a; //x=13 n=2
y = y || b; //y=21
var fv=Fib(n, x, y);
return fv;
}

//重写valueOf和toString，这样在表达式中可以直接对返回的菲波函数自动求值
//在第五部分我们还会详细讨论到这种用法
ret.valueOf = ret.toString = function()
{
return a;
}
return ret;
}
var f6 = Fib(6); //奥妙在这里，f6是一个新起点的菲波数列函数
dwn(f6);
dwn(f6(2));
dwn(Fib(6)(2));
-->
</script>
</body>
</html>
这段代码是王者归来上面的代码，我不断反复测试，慢慢的理解了，加了很多注释，有以下三点体会：
1、闭包的执行是母体函数的调用的实例然后再调用，即Fib(6)(2)这两个括号的意思是，第一个括号是执行Fib这个母体函数，而第二个括号是执行子函数就是闭包，就是调用了两次函数。
2、为什么会调用这个闭包？因为母体函数的最后有一个返回“ return ret ” 这个返回的ret就是闭包的名称。所以调用闭包无需写闭包的名称。
3、为什么要重写toString和volveOF方法？因为ret是一个对象，document.write(s + "<br/>");这个方法输出对象会默认调用这两个方法，所以为了输出符合要求的数据，必须从重写这两个方法。
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航