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

最新推荐文章于 2023-06-29 19:52:20 发布

lq305

最新推荐文章于 2023-06-29 19:52:20 发布

阅读量427

点赞数

分类专栏： javaScript脚本文章标签： javascript function 数据结构算法测试

本文链接：https://blog.csdn.net/lq305/article/details/6609238

版权

javaScript脚本专栏收录该内容

16 篇文章 0 订阅

订阅专栏

函数可以被视为普通的动态对象来处理。

函数本身也是一种数据。

一段奇特的代码：

<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/>");这个方法输出对象会默认调用这两个方法，所以为了输出符合要求的数据，必须从重写这两个方法。

lq305

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
javaScript函数的闭包的一个运用一段魔法代码来说明

函数可以被视为普通的动态对象来处理。函数本身也是一种数据。一段奇特的代码： Example-6.1（2）奇特的函数 function dwn(s) { document.write(s + ""); } //"无穷"的菲波纳契数据结构 function Fib(n, x, y)
复制链接

扫一扫