脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → es6函数之尾调用优化

es6函数之尾调用优化实例分析

 更新时间：2020年04月25日 13:27:10   作者：wangliang_001  
这篇文章主要介绍了es6函数之尾调用优化,结合实例形式分析了es6函数尾调用优化相关功能、原理、实现方法及操作注意事项,需要的朋友可以参考下

本文实例讲述了es6函数之尾调用优化。分享给大家供大家参考，具体如下：

什么是尾调用优化？

尾调用是函数式编程的一个重要概念，本身非常简单，一句话就能说清楚，就是指某个函数的最后一步是调用另一个函数。

function f(x) {
 return g(x)
}

上面代码中，函数f的最后一步是调用函数g，这就叫尾调用。

以下三种情况，都不属于尾调用。

// 情况一
function f(x) {
 let y = g(x)
 return y
}
// 情况二
function f(x) {
 return g(x) + 1
}
// 情况三
function f(x) {
 g(x)
}

尾调用不一定出现在函数尾部，只要是最后一步操作即可。

function f(x) {
 if (x > 0) {
  return m(x)
 }
 return n(x);
}

尾调用之所以与其他调用不同，就在于它的特殊的调用位置。

我们知道 ，函数调用会在内存形成一个“调用记录”，又称调用帧，保存调用位置和内部变量等信息。如果在函数A的内部调用了函数B,那么在A的调用帧上方还会形成一个B的调用帧。等到B运行结束，将结果返回A，B的调用帧才会消失。如果函数B内部还调用函数C，那就还有一个C的调用帧，以此类推。所有的调用帧，就形成了一个调用栈。

尾调用由于是函数的最后一步操作，所以不需要保留外层函数的调用帧，因为调用位置，内部变量等信息都不会再用到了，只要直接用内层函数的调用帧，取代外层函数的调用帧就可以了。

function f() {
 let m = 1;
 let n = 2;
 return g(m + n);
}
f();

// 等同于
function f() {
 return g(3);
}
f();

// 等同于
g(3);

上面代码中，如果函数g不是尾调用，函数f就需要保存内部变量m和n的值、g的调用位置等信息。但由于调用g之后，函数f就结束了，所以执行到最后一步，完全可以删除f(x)的调用帧，只保留g(3)的调用帧。

这就叫做“尾调用优化”（Tail call optimization），即只保留内层函数的调用帧。如果所有函数都是尾调用，那么完全可以做到每次执行时，调用帧只有一项，这将大大节省内存。这就是“尾调用优化”的意义。

注意，只有不再用到外层函数的内部变量，内层函数的调用帧才会取代外层函数的调用帧，否则就无法进行“尾调用优化”。

function addOne(a){
 var one = 1;
 function inner(b){
  return b + one;
 }
 return inner(a);
}

感兴趣的朋友可以使用在线HTML/CSS/JavaScript代码运行工具：http://tools.jb51.net/code/HtmlJsRun测试上述代码运行效果。

更多关于JavaScript相关内容可查看本站专题：《JavaScript常用函数技巧汇总》、《javascript面向对象入门教程》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》及《JavaScript数学运算用法总结》

希望本文所述对大家JavaScript程序设计有所帮助。

您可能感兴趣的文章:

相关文章

  • 微信小程序实现简单的吸顶效果

    微信小程序实现简单的吸顶效果

    这篇文章主要为大家详细介绍了微信小程序实现简单的吸顶效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2022-05-05
  • 如何在javascript 中使用 xmlHttpRequest 发送 POST 请求

    如何在javascript 中使用 xmlHttpRequest 发送 POST

    本文将通过不同的示例解释如何使用JavaScript代码在AJAX编程中发送 XMLHttpRequest post 请求，本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友参考下吧
    2023-07-07
  • JavaScript代码实现春晚刘谦魔术的模拟程序

    JavaScript代码实现春晚刘谦魔术的模拟程序

    昨晚春晚上刘谦的两个魔术表演都非常精彩,尤其是第二个魔术,他演绎了经典的约瑟夫环问题！约瑟夫环是一个经典的数学问题,本文给出了完整的 JavaScript 代码实现,感兴趣的同学可以自己动手实现一下
    2024-02-02
  • javascript中创建对象的几种方法总结

    javascript中创建对象的几种方法总结

    以下几种，是javascript中最常用的创建对象的方式。初学者看到后，可能会晕掉，甚至会觉得担心。其实完全不用担心，这些种方式，只需要掌握一两种，对其他的几种只需要理解就好了
    2013-11-11
  • JavaScript实现获取本机IP地址

    JavaScript实现获取本机IP地址

    这篇文章主要介绍了JavaScript实现获取本机IP地址方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
    2024-07-07
  • JS动态遍历json中所有键值对的方法(不知道属性名的情况)

    JS动态遍历json中所有键值对的方法(不知道属性名的情况)

    这篇文章主要介绍了JS动态遍历json中所有键值对的方法,实例分析了针对不知道属性名的情况简单遍历json键值对的操作技巧,需要的朋友可以参考下
    2016-12-12
  • bootstrap Table服务端处理分页(后台是.net)

    bootstrap Table服务端处理分页(后台是.net)

    这篇文章主要为大家详细介绍了bootstrap Table服务端处理分页，后台是.net，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2017-10-10
  • JS扩展String.prototype.format字符串拼接的功能

    JS扩展String.prototype.format字符串拼接的功能

    这篇文章主要介绍了JS扩展String.prototype.format字符串拼接的功能,需要的朋友可以参考下
    2018-03-03
  • 详解JavaScript原型与原型链

    详解JavaScript原型与原型链

    这篇文章主要介绍了JavaScript原型与原型链的相关资料，帮助大家更好的理解和学习JavaScript，感兴趣的朋友可以了解下
    2020-11-11
  • JavaScript中的稀疏数组与密集数组[译]

    JavaScript中的稀疏数组与密集数组[译]

    一般来说,JavaScript中的数组是稀疏的,也就是说,数组中的元素之间可以有空隙,因为一个数组其实就是一个键值映射.本文解释了如何创建稀疏数组和不稀疏的数组
    2012-09-09

最新评论