美文网首页
js闭包(一)

js闭包(一)

作者: 续作 | 来源:发表于2017-11-15 21:48 被阅读0次

1、闭包来源

由于javascript语言特有的“链式作用域”结构,子对象会一级一级向上寻找父对象的变量。

2、闭包的理解

闭包就是能够读取其它函数内部变量的函数,因为函数内的子函数才能读取父函数的局部变量,因此可以把闭包理解成“定义在一个函数内部的函数”(通常我们所见的是父函数内部的子函数访问了父函数的变量,并且子函数被返回到父函数作用域之外)

3、用闭包解决点击li弹出对应的index

image.png

对于上述方式输出i将会是 2,2, 2,因为js使用采用var定义变量时不存在块级作用域的概念,同时onclick事件采用的是回调方式触发,当触发onclick事件时i已经全为2。下面我们采用闭包方式解决

image.png

1.第一种采用定义闭包函数a();console.log(i)中的i是引用了是外部的变量i,使得变量i被保存住,点击会弹出0,1,2
2.同理定义的自执行函数也是保留了对i的引用,使其保存在内存中。

注: 同时提供以下三种方式解决此类依次弹出序号问题


image.png

相关文章

  • php之闭包函数(Closure)

    php闭包函数(Closure) JS闭包 js和php闭包使用和区别

  • JS闭包

    JS闭包 闭包练习

  • JS闭包问题(二)

    在之前的JS闭包问题(一)文章中大概介绍了一下JS闭包,同时讲了闭包与变量之间的问题,今天我们继续聊闭包,聊聊闭包...

  • JS闭包大结局(JS闭包系列3)

    在上一篇中再谈JS闭包(JS闭包系列2),我详细的介绍了JS中的变量作用域相关的概念,结合第一节关于JS闭包(JS...

  • JS闭包入门

    最近有看到朋友的面经里提到的JS闭包的问题,就想研究研究,以下是我对JS闭包的简单理解。 到底什么是JS闭包? 定...

  • 简单的聊一下闭包

    js中的闭包 闭包是学习js中永远也绕不过去的一个坎,那么,今天我们就去一段简单的代码开始聊一聊闭包 什么是闭包 ...

  • 浅谈闭包

    js中的闭包 闭包是学习js中永远也绕不过去的一个坎,那么,今天我们就去一段简单的代码开始聊一聊闭包 什么是闭包 ...

  • 再谈JS闭包(JS闭包系列2)

    这篇文章,来继续谈谈Javascript闭包的剩余问题。因为在上一篇文章中关于JS闭包(JS闭包系列1)主要简单的...

  • 学习JavaScript闭包和作用域笔记

    JS JavaScript闭包和作用域 闭包 JavaScript高级程序设计中对闭包的定义:闭包是指有权访问另外...

  • 一分钟理解js闭包

    一分钟理解js闭包,关于js闭包的内容介绍了很多,本文带着大家快速理解什么是js闭包,感兴趣的小伙伴们可以参考一下...

网友评论

      本文标题:js闭包(一)

      本文链接:https://www.haomeiwen.com/subject/nlnmmxtx.html