js 闭包

作者: 钢铁萝莉猫 | 来源:发表于2019-12-13 13:10 被阅读0次

js语言特点:函数内部可以直接获取全局变量;函数外部不能获取函数内的局部变量。

  • 可以把闭包简单理解为“定义在一个函数内部的函数”
  • 闭包就是能够获取函数内部变量的函数
  • 本质上,闭包就是将函数内部和外部连接起来的一座桥梁

闭包的使用场景:要从函数外部获得函数内部的布局变量

把f2作为f1的返回值,就可以在f1外部获取它的内部变量

在这个例子中 f2 就是闭包函数

 function f1(){
            let n = 99;
            function f2(){
                return n-49;
            }
            return f2; // !必须在这里把闭包函数return出去
        }

        let result = f1();
        console.log(result())  //100
        console.log(result())  //101
        console.log(result())  //102
        console.log(f1()())  //100
        console.log(f1()())  //100
        console.log(f1()())  //100

var name = "The Window";
  var object = {
    name : "My Object",
    getNameFunc : function(){
      return function(){
        return this.name; //the window
      };
    }
  };
  alert(object.getNameFunc()());
var name = "The Window";
  var object = {
    name : "My Object",
    getNameFunc : function(){
      var that = this;  // !!!
      return function(){
        return that.name; //My Object
      };
    }
  };
  alert(object.getNameFunc()());

参考:
https://www.cnblogs.com/huanghuali/p/9851453.html // 什么是闭包
https://www.jianshu.com/p/00c747510df5 // 闭包变量回收问题

相关文章

  • 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闭包? 定...

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

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

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

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

  • 简单的聊一下闭包

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

  • 浅谈闭包

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

  • 闭包??

    什么闭包,闭包有什么用?http://js.jirengu.com/pogadikofa/1/闭包是在某个作用域内...

网友评论

      本文标题:js 闭包

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