JavaScript高级

作用域链

作用域链: 多层作用域嵌套时, 当在某个作用域中使用一个变量, 按照作用域链的原则 向上层就近查找

function x() {
       var a = 20

      function y() {
         var a = 30

        function z() {
           var a = 40
          console.log('a:', a)    //40,向上就近取最近声明的变量
        }
        z()
      }
      y()
    }
    x()

闭包

为什么有闭包机制?

• 为了自身的正常运行, 需要把用到的外部作用域存储在自身, 防止其释放

Closure闭包:

• 一种称呼, 代表函数作用域的一种状态: 被其他函数存储在 scopes 中,无法释放

官方描述:

• 闭包（closure）是一个函数以及其捆绑的周边环境状态（lexical environment，词法环境）的引用的组合。换而言之，闭包让开发者可以从内部函数访问外部函数的作用域。在 JavaScript 中，闭包会随着函数的创建而被同时创建。

    // 设定: 函数运行时产生的内存会在函数执行完毕后自动销毁, 节省内存
    // 除非 把变量存放在全局对象window, 因为window永存!

    function displayName() {
      var name = 'mike'

      var x = function () {
        console.log('name:', name)    //mike,内部函数可以访问外部函数
      }

      return x
    }
    displayName()
     // 闭包 表达的是函数作用域的一种状态, 被别人存储在 scopes 里了
     // 类似 妻子/丈夫 这种称呼, 代表一个人的一种状态

     // 为什么要存闭包: 防止其释放后, 导致自身函数运行时, 找不到对应的变量资源 而 运行失败!

     // 闭包的缺点: 不可避免的消耗更多的内存

私有变量

公共变量: 存储在全局中 能够被多个函数使用. 不安全 不可靠; -- 公共的电脑

私有变量: 专门为 函数声明的变量 安全可靠, 非共享 -- 个人笔记本电脑

声明的方式:

• 非全局变量: 局部变量, 通过函数运行时产生

• 利用 匿名函数自调用语法 快速生成作用域

• 利用 闭包 这个被动技能, 把这个局部作用域保存在自身, 后续随时使用.

    // 私有属性: 只给某个函数使用的属性, 其他函数无法使用
    // 案例: 记录某个函数调用的次数

    // 利用匿名函数自调用语法 快速生成函数作用域/局部作用
    var show = (function () {
      // 这里的count 是函数作用域中的, 不在全局中, 所以非公有
      var count = 0  // alt + 上/下  可以调整代码位置

      function show() {
        count++
        console.log('调用次数:', count)
      }
      // show函数发动 被动技能 - 闭包, 把当前的匿名函数作用域保存在自身的闭包中, 属于show函数私有的财产
      console.dir(show)
      // 需要通过return的方式, 把show函数暴露到全局中
      return show
    })()

    console.log(window)
    // 在全局中使用show函数
    show()