美文网首页
浅谈js闭包

浅谈js闭包

作者: Wang997 | 来源:发表于2018-06-27 18:19 被阅读0次

一.作用域

var x = 0 //全局变量 x

    var y = 10 //全局变量 y

    var fun1 = function(){

        var x = 1  //fun1函数局部变量 x

        console.log(x++)

        console.log(y)

    }

    fun1() //输出 1  10 函数内可以访问函数上级的变量

    console.log(x) //输出0 函数外部不能调用函数内部的局部变量

二.闭包

var x = 0 //全局变量 x

    var fun1 = function(){

        var x = 1  //fun1函数局部变量 x

        function fun2() {

            console.log(x++) //当x = 1时 x++ = x ; ++x = x+1

        }

        return fun2  //此时fun2就是一个闭包

    }

    var run1 = fun1()

    run1() //输出 1

    run1() //输出 2 run1是函数是引用类型,上一步运行run1将变量x改变进而影响这步的输出

    var run2 = run1

    run2() //输出 3  因为run2 = run1 run1和run2是函数属于引用类型 所以共用一个作用域链

    run2() //输出 4

    var run3 = fun1()

    run3() //输出 1 这里不是5 run3有自己的作用域链

    run3() //输出 2

    console.log(x) //输出 0

相关文章

  • 浅谈js闭包

    一.作用域 var x = 0 //全局变量 x var y = 10 //全局变量 y var fun...

  • php之闭包函数(Closure)

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

  • JS闭包

    JS闭包 闭包练习

  • 浅谈闭包(js closure)

    原创声明 本文系作者辛苦码字所得,欢迎分享和转载,但请在明显位置注明作者的如下信息:笔名:来碗鸡蛋面简书主页:ht...

  • 浅谈JS的闭包

    今天写代码的时候碰到一个修改需求,有一列数据,可以删除,点击某条数据删除的时候会弹出自定义的模态确认框,并且带出该...

  • JS闭包问题(二)

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

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

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

  • JS闭包入门

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

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

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

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

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

网友评论

      本文标题:浅谈js闭包

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