前端八股-JavaScript篇之闭包

对闭包的理解

• 概念：局部变量放到函数中，外部通过访问函数调用；
• 作用：创建私有环境变量,只有提供return的方法，才能访问局部变量
• 场景：节流、私有变量、定时器、sleep

有return情况：把局部变量返回到外面

let bi_bao = function () {
  // 闭包
  let num = 0
  return {
    add: function (val) {
      num = num + val
    },
    reduce: function (val) {
      num = num - val
    },
    value: function () {
      return num
    }
  }
}
let number1 = bi_bao()
let number2 = bi_bao()
number1.add(1)
console.log(number1.value())// 1
number2.add(2)
console.log(number2.value())// 2

return情况：把局部变量返回到外面

let bi_bao = function () {
    // 闭包
    let num = 0
    function fun() {
        num++
        console.log(num)
    }
    return fun
}

bi_bao()()//1
// 内存泄露num

无return：把局部变量返回到外面

let bi_bao = function () {
    // 闭包
    let num = 0
    function fun() {
        num++
        console.log(num)
    }
    fun()
}

bi_bao()//1

• 内存泄露问题

# 1 不一定有内存泄露
# 2 由于闭包会使得函数中的变量都被保存在内存中，内存消耗很大，所以不能滥用闭包

#作用域/作用域链

• 作用域概念：变量访问的区域

• 三种作用域：全局（全局最外层）、函数（定义在函数中变量，只能在函数内访问到）、块级（块级作用域就是{}的变量，如if(){}）

• var没有块级作用域，let、const有；即只能var定义变量才可以打印到

{
    //作用域
}
// 例如
if (true) {
  var a = 1
}
console.log(a)//1

• 注：函数每次调用，函数中变量都是不同的函数的作用域

• 作用域链：先找同级作用域，有就返回，没有再找父级。

#执行上下文

执行上下文：解析代码时，创建全局上下文，先将要执行的变量赋值undefined、函数都拿出来

• 全局上下文：变量赋值、函数声明

任何不在函数内部的都是全局上下文(对象是window)

• 函数执行上下文：变量赋值、函数声明、this、arguments

函数被调用时，创建新的函数执行上下文

#this指向

this概念：this是执行上下文中的一个属性，它指向最后—次调用的对象

# 在函数中：this总是指向函数的直接调用者
# 在事件中，this指向触发这个事件的对象
# new中，this指向new出来的对象