ES6 面试题 | 13.精选 ES6 面试题

在这里插入图片描述

🤍 前端开发工程师(主业)、技术博主(副业)、已过CET6
🍨 阿珊和她的猫_CSDN个人主页
🕠 牛客高级专题作者、在牛客打造高质量专栏《前端面试必备》
🍚 蓝桥云课签约作者、已在蓝桥云课上架的前后端实战课程《Vue.js 和 Egg.js 开发企业级健康管理项目》、《带你从入门到实战全面掌握 uni-app》

文章目录

    • 解释ES6中的尾调用和尾递归的概念及其区别
      • 尾调用
      • 尾递归
    • 在编写代码时,如何避免尾调用和尾递归带来的问题?
    • 在ES6中,如何实现尾递归?
    • 递归和迭代有什么不同?
    • 除了尾递归,还有哪些情况会导致栈溢出?

解释ES6中的尾调用和尾递归的概念及其区别

尾调用

尾调用是指一个函数作为另一个函数的最后一条return语句被调用

以下是尾调用和尾递归的代码示例:

const sum = (n, prevSum = 0) => {if (n <= 1) return n + prevSum;return sum(n - 1, n + prevSum);
}

在这个示例中,sum函数是尾递归的,因为它在递归调用时作为最后一个操作。在每次递归调用时,prevSum参数都会被传递给下一次调用,以便在递归结束时计算最终的总和。

尾递归

尾递归是指函数调用自身,如果尾调用自身,就称为尾递归

在ES6中,尾递归不会发生栈溢出,相对节省内存,优化了性能。

尾调用的代码示例:

const fn1 = (a) => {let b = a + 1;return b;
};

在这个示例中,fn1函数作为另一个函数fn2的最后一步被调用,因此它是尾调用。

在编写代码时,如何避免尾调用和尾递归带来的问题?

在编写代码时,可以通过以下方式避免尾调用和尾递归带来的问题:

  • 尽量使用原生方法。
  • 使用switch语句替代if-else语句。
  • 简化变量声明。
  • 合并语句。
  • 使用数组和对象字面量。
  • 去除注释和空行。
  • 减少页面的重排(回流)和重绘。
  • 使用文档碎片减少DOM交互。
  • 多次样式改变属性合并。
  • 使用innerHTML缓存多次使用的特殊属性。
  • 避免使用document.write
  • 优化循环,减少循环中对变量的反复使用。

在这里插入图片描述

这些方法可以帮助你编写更高效、更可靠的代码,避免尾调用和尾递归带来的问题。

在ES6中,如何实现尾递归?

在ES6中,可以使用柯里化实现尾递归。尾递归的实现,往往需要改写递归函数,确保最后一步只调用自身。做到这一点的方法,就是把所有用到的内部变量改写成函数的参数。

函数式编程有一个概念,叫做柯里化(currying),意思是将多参数的函数转换成单参数的形式。例如,要计算n的阶乘,可以将递归函数改写为:

function weiJieCheng(n, total=1) {if (n === 1) {return total;} else {return weiJieCheng(n - 1, n * total);}
}

这样就将尾递归的中间变量改写成了函数的参数,只保存了一个调用记录,复杂度为O(1)。

递归和迭代有什么不同?

递归和迭代是两种常见的算法设计技术,它们在解决问题时有着不同的思路和实现方式。

递归

  • 递归是一种通过自身不断调用自身来解决问题的方法

  • 它将问题分解为更小的子问题,并通过递归调用自身来解决这些子问题。

  • 在递归过程中,每一次调用都会创建一个新的栈帧,用于保存当前的状态信息。

  • 当递归调用返回时,栈帧会依次弹出,直到回到最外层的调用。

  • 递归的优点是代码简洁、易于理解

  • 缺点是可能会导致栈溢出、效率较低

迭代

  • 迭代则是一种通过循环来解决问题的方法
  • 它通过不断执行循环体来逐步解决问题,每次循环都会更新状态信息。
  • 在迭代过程中,不需要创建新的栈帧,因此不会出现栈溢出的问题。
  • 迭代的优点是效率较高、不会出现栈溢出的问题
  • 缺点是代码相对复杂、不易理解

以下是一个使用递归和迭代两种方式计算斐波那契数列的前 10 项的代码示例:

递归方式:

function fibonacci(n) {if (n <= 1) {return n;} else {return fibonacci(n - 1) + fibonacci(n - 2);}
}console.log(fibonacci(10));

迭代方式:

function fibonacci(n) {let fib = [0, 1];for (let i = 2; i < n; i++) {fib.push(fib[i - 1] + fib[i - 2]);}return fib;
}console.log(fibonacci(10));

在这个示例中,递归方式通过不断调用自身来计算斐波那契数列的每一项,而迭代方式则通过循环来计算每一项。

两种方式都可以计算出斐波那契数列的前 10 项,但是递归方式可能会导致栈溢出,而迭代方式则不会。

在实际应用中,需要根据具体情况选择使用递归还是迭代。

如果问题可以通过递归的方式简洁地描述和解决,且不会出现栈溢出的问题,那么可以使用递归。

如果问题需要高效地解决,或者递归可能会导致栈溢出的问题,那么可以使用迭代。

除了尾递归,还有哪些情况会导致栈溢出?

除了尾递归,还有以下情况可能导致栈溢出:

  • 局部数组过大:当函数内部的数组过大时,有可能导致堆栈溢出。
  • 递归调用层次太多:递归函数在运行时会执行压栈操作,当压栈次数太多时,也会导致堆栈溢出。
  • 指针或数组越界:这种情况比较常见,例如进行字符串拷贝,或处理用户输入时,如果对指针或数组的使用超出了其分配的内存空间,也会导致栈溢出。

为了避免栈溢出,可以通过增加栈空间或使用动态分配来解决。同时,在编写代码时,合理地使用递归和循环,以及注意数组和指针的使用边界,也可以减少栈溢出的风险。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/227548.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

普冉(PUYA)单片机开发笔记(10): I2C通信-配置从机

概述 I2C 常用在某些型号的传感器和 MCU 的连接&#xff0c;速率要求不高&#xff0c;距离很短&#xff0c;使用简便。 I2C的通信基础知识请参见《基础通信协议之 IIC详细讲解 - 知乎》。 PY32F003 可以复用出一个 I2C 接口&#xff08;PA3&#xff1a;SCL&#xff0c;PA2&a…

C++ 运算符重载

目录 前言 算术运算符重载 加号运算符 位运算符重载 左移运算符 自增自减运算符重载 前置自增运算符 后置自增运算符 赋值运算符重载 等号赋值运算符重 关系运算符重载 相等 不等 函数调用运算符重载 总结 前言 在C中&#xff0c;运算符重载是一种强大的特性…

数据可视化---柱状图

import matplotlib.pyplot as plt import numpy as npdef plot_bar_chart(data, labels, colorsNone, title"Bar Chart", xlabel"X-Axis", ylabel"Y-Axis"):"""绘制柱状图&#xff0c;并在柱子上显示数量和比例。:param data: 包…

pytest之allure测试报告03:allure动态自定义报告

1、测试用例模块中引入allure&#xff1a;import allure 2、yaml文件中定义添加title、story的值&#xff1a; 3、测试用例中读取调用。eg:allure.dynamic.title() 4、运行报告查看&#xff1a;成功动态展示yaml文件中配置的story、title

共同编辑文档功能实现(websocket)

目录 前言 websocket封装 wangeditor下载 共同编辑文档代码实现 HTML样式部分 JS部分 css部分 前言 功能&#xff1a;实现文档共同编辑功能&#xff0c;可以实时接收到其他人的信息 思路&#xff1a;先调用接口获取相应的数据进行渲染&#xff0c;然后通过webSocket建…

当 Sealos 遇上区块链

当 Sealos 遇上区块链 拿着区块链技术不一定是去发币&#xff0c;很多业务系统也适合用这些技术&#xff0c;比如做个统一支付系统&#xff0c;积分系统等&#xff0c;可以做为一家公司的金融基础设施&#xff0c;或支付中台。拿链的技术去做有很多好处&#xff1a; 高可用&a…

【图的应用一:最小生成树】- 用 C 语言实现普里姆算法

目录 一、最小生成树 二、普里姆算法的构造过程 三、普里姆算法的实现 一、最小生成树 假设要在 n 个城市之间建立通信联络网&#xff0c;则连通 n 个城市只需要 n - 1 条线路。这时&#xff0c;自然会考虑这样一个问题&#xff0c;如何在最节省经费的前提下建立这个通信…

机器学习之无监督学习

聚类&#xff1a;发掘纵向结构的某种模式信息&#xff0c;某些x属于相同的分布或者类别 特征学习&#xff1a;发掘横向结构的某种模式信息&#xff0c;每一行都可以看成是一种属性或特征 密度估计&#xff1a;发掘底层数据分布&#xff0c;x都是从某个未知分布p(x)采出来的&a…

(四)STM32 操作 GPIO 点亮 LED灯 / GPIO工作模式

目录 1. STM32 工程模板中的工程目录介绍 2. GPIO 简介 3. GPIO 框图剖析 1&#xff09;保护二极管及上、下拉电阻 2&#xff09; P-MOS 管和 N-MOS 管 3&#xff09;输出数据寄存器 3.1&#xff09;ODR 端口输出数据寄存器 3.2&#xff09;BSRR 端口位设置/清除寄存器 4&a…

【Java代码审计】目录穿越篇

【Java代码审计】目录穿越篇 1.Java中的目录穿越2.目录穿越漏洞审计3.Java中目录穿越漏洞修复 1.Java中的目录穿越 目录穿越漏洞产生的本质是路径可控&#xff0c;一旦涉及文件的读取问题便会涉及java.io.File类&#xff0c;因此在审计这类漏洞时可以优先查找java.io.File引用…

最强Pose模型RTMO开源 | 基于YOLO架构再设计,9MB+9ms性能完爆YOLO-Pose

实时多人在图像中的姿态估计面临着在速度和精度之间实现平衡的重大挑战。尽管两阶段的上下文方法在图像中人数增加时会减慢速度&#xff0c;但现有的单阶段方法往往无法同时实现高精度和实时性能。 本文介绍了RTMO&#xff0c;这是一个单阶段姿态估计框架&#xff0c;通过在YOL…

超文本传送协议HTTP

目录 HTTP简介&#xff1a; URL的格式&#xff1a; HTTP协议的特点&#xff1a; HTTP/1.0协议&#xff1a; HTTP/1.1协议&#xff1a; HTTP/2: HTTP代理服务器&#xff1a; HTTP的报文结构&#xff1a; 请求报文的特点&#xff1a; 响应报文的特点&#xff1a; Cook…

小 cookie,大作用:探索网站中的隐私追踪器(上)

&#x1f90d; 前端开发工程师&#xff08;主业&#xff09;、技术博主&#xff08;副业&#xff09;、已过CET6 &#x1f368; 阿珊和她的猫_CSDN个人主页 &#x1f560; 牛客高级专题作者、在牛客打造高质量专栏《前端面试必备》 &#x1f35a; 蓝桥云课签约作者、已在蓝桥云…

大华 DSS 数字监控系统 itcBulletin SQL 注入漏洞复现

0x01 产品简介 大华 DSS 数字监控系统是大华开发的一款安防视频监控系统,拥有实时监视、云台操作、录像回放、报警处理、设备管理等功能。 0x02 漏洞概述 大华 DSS存在SQL注入漏洞,攻击者 /portal/services/itcBulletin 路由发送特殊构造的数据包,利用报错注入获取数据库…

springboot——定时任务、异步任务

springboot——定时任务、异步任务 一、定时任务1、创建一个定时任务、时间配置文件2、springboot主程序开启定时任务 EnableScheduling3、使用 Scheduled 注解 二、定时任务、异步执行。1、springboot主程序开启异步任务 EnableAsync2、方法上增加 Async 注解&#xff0c;标识…

【JAVA日志框架】JUL,JDK原生日志框架详解。

前言 Java日志体系混乱&#xff1f;Java日志框架系列&#xff0c;清晰简洁整理好整个Java的日志框架体系。第一篇&#xff0c;JDK原生日志框架——JUL。 目录 1.概述 2.日志级别 3.配置 4.继承关系 1.概述 日志框架的核心问题&#xff1a; 日志是用来记录应用的一些运行…

nodejs+vue+微信小程序+python+PHP校园二手交易系统的设计与实现-计算机毕业设计推荐

(2)管理员 进行维护&#xff0c;以及平台的后台管理工作都依靠管理员&#xff0c;其可以对信息进行管理。需具备功能有&#xff1b;首页、个人中心、学生管理、物品分类管理、物品信息管理、心愿贴、系统管理、订单管理等功能。系统分成管理员控制模块和学生模块。 本系统有良好…

maven+spock

pom配置 话说JunitMockito的组合用起来是真难用&#xff0c;还是Spock的简单&#xff0c;尤其是参数化的测试。junit的Parameter是鸡肋&#xff0c;杂恶心&#xff1b;Theories用来也不爽。 <?xml version"1.0" encoding"UTF-8"?><project xm…

Spring容器中scope为prototype类型Bean的回收机制

文章目录 一、背景二、AutowireCapableBeanFactory 方法 autowireBean 分析三、Spring 容器中 scope 为 prototype 类型 Bean 的回收机制四、总结 一、背景 最近做 DDD 实践时&#xff0c;遇到业务对象需要交给 Spring 管理才能做一些职责内事情。假设账号注册邮箱应用层代码流…

Flask学习三:模型操作

ORM flask 通过Model操作数据库&#xff0c;不管你的数据库是MySQL还是Sqlite&#xff0c;flask自动帮你生成相应数据库类型的sql语句&#xff0c;所以不需要关注sql语句和类型&#xff0c;对数据的操作flask帮我们自动完成&#xff0c;只需要会写Model就可以了 flask使用对象关…