闭包 递归

已于 2022-07-13 21:32:30 修改
阅读量259 收藏
点赞数
分类专栏： js 文章标签： 前端
于 2022-07-13 21:28:55 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_57262819/article/details/125771328
版权

闭包是什么

闭包是一个访问了,其他函数内部变量的函数
闭包=函数+上下文引用
在这里插入图片描述
在这里插入图片描述
注意: 全局变量越少越安全,尽量多用局部变量,随意很容易形成闭包

闭包的作用: 解决变量污染

在这里插入图片描述

闭包一般用在哪里?

1----闭包一般用于回调函数

在这里插入图片描述
定时器 这里就有一个回调函数

递归

递归函数: 在函数内部调用自己 (递归的功能和循环类似,只有在感觉循环很麻烦的时候才用递归)
在这里插入图片描述
递归算法
单函数递归 双函数递归
在这里插入图片描述

递归函数的应用场景:

在前端递归函数有两个应用场景

在这里插入图片描述
一: 浅拷贝与深拷贝
深拷贝的实现方式 使用JSON 使用递归
浅拷贝可以分为基本数据类型和引用数据类型 ,基本数据类型修改值 前后不受影响 引用类型的话前后受影响
深拷贝 前后受影响
1------json方式
将obj 对象转化成JSON格式字符串,底层会自动深拷贝

在这里插入图片描述
封装一个深拷贝的函数
在这里插入图片描述
obj是要拷贝的值,newobj是拷贝完成的值
在这里插入图片描述
如图,如果是name age 的话 没有什么影响 但是如果是有一个复杂数据类型的话就会出现问题

递归实现的原理 这里有一个好处是for循环无法实现的 就是成绩很深的数据
在这里插入图片描述

二:遍历DOM树

一般情况下后端返回的数据,是平铺状态 这里可能会涉及到树形解构的使用

可以封装一个递归的函数 动态添加树形结构的dom元素,形成一个树形结构

在这里插入图片描述
在第一级结构里面,有两个参数 第一个是需要处理的数组 第二个就是需要添加进去dom结构的父元素

第一步: 开始进行for 循环
第二步: 创建一个标签 设置内容 使用appendChild 的方法将 标签添加进去

在二级结构里面,一般会有children 的属性名存在
第一步: 进行判断 如果满足条件 就开始调用 这里的 arr[index]
就是最外层数组,里面的元素, 有没有children这个属性
第二步: 调用函数自己 里面的两个参数 第一个就是 需要处理的数据 也就是arr[index].data 其实就是 一个新的数组 第二个参数就是需要操作的元素 需要\向父元素内部添加结构

递归降维 (将树形结构数据拉平)

在这里插入图片描述

鱼丸粗面(●'◡'●)o(*￣▽￣*)o
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
golang闭包递归研究
yangxiaodong88的博客
05-08 1499
闭包 理解闭包： 闭包是指延伸了作用域的函数， 其中包含函数定义体中引用、但是不在定义体中定义的非全局变量。函数是不是匿名没有关系， 关键是他能访问定义体之外定义的非全局变量。 闭包基本概念： 闭包是可以包含自由（未绑定到特定对象）变量的代码块， 这个变量不在这个代码块内或者任何全局上下文中定义，而是在定义代码块的环境中定义。要执行的代码块（由于自由变量包含在代码块中， 所以这些自由变量以及他们引...
php基于闭包实现函数的自调用(递归)实例分析
12-19
本文实例讲述了php基于闭包实现函数的自调用(递归)的方法。分享给大家供大家参考，具体如下： php的闭包可能不常用，但是在某些场合之下还是可以考虑用php的闭包来实现某些功能的，比如递归，这里讲一下用php的闭包...
js函数 闭包 递归
weixin_43003949的博客
05-11 233
函数的定义和调用 函数的定义 方式1 函数声明方式 function 关键字 (命名函数) function fn(){} 方式2 函数表达式(匿名函数) var fn = function(){} 方式3 new Function() var f = new Function('a', 'b', 'console.log(a + b)'); f(1, 2); var fn = new Function('参数1','参数2'..., '函数体') //注意 /*Function 里面参数都必须是字符串格式
php 闭包函数递归,闭包和递归
weixin_35851553的博客
03-17 316
js变量的作用域:全局作用域(全局变量) : 在函数外面声明的变量**生命周期(变量从声明到销毁)： 页面从打开到关闭.局部作用域(局部变量) : 在函数里面声明的变量**生命周： 开始调用函数到函数执行完毕1.闭包使用介绍1.闭包介绍(closure)1.1 闭包 ： 是一个可以在函数外部访问函数内部变量的函数->闭包是函数1.2 闭包作用： 可以在函数外部访问函数内部变量->延长局...
闭包与递归
qq_41529798的博客
02-23 183
闭包指的是：能够访问另一个函数作用域的变量的函数 作用：增加变量的使用范围 小故事： 从前有一个公主 function princess(){ 她生活在一个充满奇幻冒险的世界里，她遇到了她的白马王子，带着她骑着独角兽开始周游世界，与巨龙战斗，巧遇会说话的动物，还有一些新奇的事物。 var adventures=[]; function king(){ } //白马王子 var unicorn = { } , //独角兽 drangons = { }, //龙 sq
浅谈闭包和递归
qq_44169219的博客
10-03 2535
闭包和递归时函数中的两个比较特殊的情况，并且都被告诫人们要慎用。闭包相当于函数的返回值为另一个函数，而递归则相当于函数的参数为另一个函数。 一、闭包 概念：能够访问其他函数内部的变量的函数。也可以理解为在一个函数内部创建的函数。 优点：变量可以长期存在、可以避免全局变量的污染 缺点：消耗内存、会在父函数外部改变内部变量值 用途：可以读取函数内部的变量、让这些变量的值始终保持在内存中 ...
php 闭包函数递归,函数表达式 递归 闭包
weixin_36441329的博客
03-17 147
函数声明function dome(name) {//函数体}关于函数声明，它的一个重要特性就是函数声明提升，意思就是在执行代码之前会先读取函数声明。这就意味着可以吧函数声明放在调用它的语句后边。函数表达式var dome = function(name) {//函数体}这种形式看起来就像是常规的变量赋值语句，语法赋值内容也叫做匿名函数，所以说和变量一样使用前需要先赋值。递归递归函数是在一个函数中...
php 闭包 递归,关于闭包函数和递归函数的详细理解
weixin_42613360的博客
04-05 95
#关于闭包函数的详解 ####从技术的角度讲，所有的JavaScript函数都是闭包：它们都是对象，它们都关联到作用域链。当函数可以记住并访问所在的词法作用域时，就产生了闭包，即使函数是在当前词法作用域之外执行。###闭包的作用 ####闭包的应用比较典型是定义模块，我们将操作函数暴露给外部，而细节隐藏在模块内部。function fn1() {var name = 'iceman';functi...
JavaScript闭包和递归
m0_68331234的博客
04-19 1102
函数this指向 1：环境对象 this : 谁'调用'我,我就指向谁，上下文环境：函数作用域 2: js中函数有三种调用方法，this三种指向 （1）普通函数； 函数名() this指向window （2）构造函数； new 函数名() this指向new创建实例对象 （3）对象方法: 对象名.方法名() this指向对象 * 小技巧: 没点没new是window, 有new是实例,有点是点左边的对象 ...
JavaScript 闭包和递归
XiaoYi
10-10 671
闭包 闭包是 JavaScript 一个非常重要的特性，这意味着当前作用域总是能够访问外部作用域中的变量。 因为函数 是 JavaScript 中唯一拥有自身作用域的结构，因此闭包的创建依赖于函数。 闭包是一种特殊的对象，它由两部分组成：执行上下文（代号 A），以及在该执行上下文中创建的函数 （代号 B），当 B 执行时，如果访问了 A 中变量对象的值，那么闭包就会产生，且在 Chrome 中使用这个执行上下文 A 的函数名代指闭包。 JavaScript拥有自动的垃圾回收机制，关于垃圾回收机制，有一个重要
Recursive:Java 8 的递归闭包
06-02
递归Java 8 的递归闭包基于stackoverflow上的这个答案： : 包含一个简单的用法演示。 查看我的另一个函数式编程项目： : 博客条目： :
深入Javascript函数、递归与闭包(执行环境、变量对象与作用域链)使用详解
10-27
本篇文章对Javascript中函数、递归与闭包(执行环境、变量对象与作用域链)的使用进行了详细的分析介绍。需要的朋友参考下
javascript高级编程之函数表达式 递归和闭包函数
10-23
主要介绍了javascript高级编程之函数表达式 递归和闭包函数的相关资料,需要的朋友可以参考下
[Vue-常见错误]浏览器显示Uncaught runtime errors
一个喜欢什么都研究一下的小小后端程序员
06-09 405
在vue.config.js中配置关闭Uncaught runtime errors显示。
JS中一个dom元素能绑定多少事件
ggq53219的博客
06-10 570
在JavaScript中，一个DOM元素可以绑定的事件数量并没有明确的限制，这主要取决于浏览器的实现和内存限制。然而，在实际应用中，为同一个DOM元素绑定过多的事件监听器可能会导致性能问题，尤其是在事件处理函数执行复杂操作的情况下。总之，虽然JavaScript中DOM元素可以绑定的事件数量没有明确的限制，但在实际应用中应注意避免过度绑定和优化事件处理函数，以确保良好的性能和用户体验。
Web前端网站设计案例：深入剖析创意与技术的完美融合
liyrbtqe_66w的博客
06-12 296
在性能优化方面，设计师通过压缩代码、减少HTTP请求、使用CDN等技术手段，提升了网站的加载速度和响应性能，为用户提供了更加流畅的访问体验。综上所述，本Web前端网站设计案例通过视觉设计、用户体验、技术实现、性能优化、创意表达、响应式设计和跨平台兼容等方面的综合考量，成功打造了一款既美观又实用的网站。这个案例充分展示了Web前端设计的魅力和潜力，为未来的网站设计提供了有益的借鉴和启示。设计师通过独特的视觉元素和创意构思，将品牌理念和文化内涵融入其中，使得整个网站在传达信息的同时，也展现出品牌的独特魅力。
HTML入门教程：深度解析HTML，开启你的前端技术之旅
最新发布
zhangwenok的博客
06-14 1279
HTML（HyperText Markup Language，超文本标记语言）是前端开发的基础，它负责构建网页的结构和内容。作为前端技术栈的基石，HTML的掌握程度直接影响到网页的开发效率和用户体验。本教程将带你从零开始，逐步深入了解HTML的各个方面，帮助你打下坚实的前端技术基础。HTML是一种用于创建网页的标准标记语言，它通过一系列的元素（elements）和标签（tags）来定义网页的结构和内容。HTML文档由一系列的元素组成，这些元素通过标签来标识。
Harmony 开发的艺术 面向对象
不懂先生的博客
06-13 1071
然后你可以创建多个子类，如“圆形”、“矩形”和“三角形”，它们都继承自“形状”类并实现了自己的“绘制”方法。尽管每个对象的类型可能不同（圆形、矩形、三角形等），但由于它们都继承了“形状”类并实现了相同的“绘制”方法，因此你可以通过父类引用来统一调用它们的方法。然后你可以创建一个“狗”类，它继承自“动物”类，并添加或覆盖一些特定的属性和方法（如“叫”和“摇尾巴”）。所以面向对象的三大特征（封装、继承、多态）在java语言中很容易实现的设计，搬到早期的JavaScript中，就变噩梦一样的存在。
js递归函数算闭包吗
07-27
闭包和递归函数是两个概念。递归函数是指在函数体内调用自身的函数，而闭包是指一个函数能够访问并操作其词法作用域之外的变量。 在JavaScript中，递归函数可以创建闭包。当一个函数在内部引用了外部的变量，并且这...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值