常见面试题

---

闭包

闭包产生的原因是：函数执行，会产生一个私有的上下文，如果私有上下文中某些内容被当前上下文以外的事物所占用，则当前这个私有上下文，就不能出栈释放。

---

# 一、闭包是什么？

//闭包作用域

/* 
1. 创建函数
    。开辟一个堆内存
    。把函数体中的代码当作字符串存储进去
    。 把堆内存的地址赋值给函数名或者变量名
    。函数在哪里创建，那么执行时候所需要查找的上级作用域就是谁
2. 函数执行
    。形成一个全新的私有作用域，执行上下文，私有占内存（执行一次形成一个，多个之间也不会产生影响）
    。 形参赋值&变量提升
    。 代码执行（所属堆内存中代码字符串 拿出来一行行执行）
    。 遇到一个变量看看是否是私有变量（形参和在私有作用域声明的变量是私有变量），是私有的就操作自己的变量即可，不是私有的就向上级查找。。。一直找到全局作用域位置=》作用域链查找机制
    。私有变量和外界变量没有必然的关系，可以理解被私有的栈内存保护起来，这种机制其实就是“闭包保护机制”
*/

闭包产生的原因是：函数执行，会产生一个私有的上下文，如果私有上下文中某些内容被当前上下文以外的事物所占用，则当前这个私有上下文，就不能出栈释放。

二、使用步骤

在这里插入图片描述

在这里插入图片描述

console.log(a);
var a = 12;
var b = a;
b = 13;
console.log(a);

/* 
全局作用域
1.变量提升
-1.不管条件是否成立都要进行变量提升
-2.全局环境 给window添加一个属性
-3.做函数有特殊性，在老版本浏览器，确定无论条件是否成立，函数也是提前声明或者定义的，但是在新版本浏览器，为啦兼容E S6严谨的语法规范，条件中的函数在变量提升阶段只能提前声明，不能提前定义

function A
2.代码执行
*/
console.log("undefined", a);
if (!("a" in window)) {
  var a = 13;
}
console.log("undefined", a);

console.log(A());
console.log(A);
if ("A" in window) {
  function A() {
    console.log("哈哈哈");
  }
}
console.log(A())(
  //自执行函数不进行变量提升

  function (params) {}
)();
!(function (params) {})() + (function (params) {})() - (function (params) {})();
~(function (params) {})();

console.log([]!==[]) 

//let var 区别  暂时性死区


console.log(typeof a) //=>"undefined" 本应该报错 因为没有a（暂时性死区）
let a
//就开始报错啦
// Uncaught SyntaxError: Identifier 'a' has already been declared
// let  能解决浏览器 typeof检测出暂时性死区问题

//私有作用域下的变量提升

 
 /* 
 必包

 函数执行的时候形成私有的栈内存
 会把内存中的所有的私有变量保护起来，和外面的没有任何关系=》函数执行的这种保护机制就叫做必包

 */

 // undefined fn(){} undefined

 // 10 13 14


 //私有变量：在私有变量中变量存储区的变量 
 /*
 1.函数中带var let const function 的变量 
 2.形参变量也是私有变量
  */


 //私有变量和全局变量

 /* 
 作用域链查找机制
 关键在于如何查找上级作用域：

 1.从函数创建开始，作用域已经被指定好啦
 2.当前函数式在那个作用域（N）下创建那么函数执行形成的作用域（M）的上级作用域就是N“和函数在哪里执行没有关系只和创建的地方有关系”
 */

1.引入库

代码如下（示例）：

/*
 * 切记！闭包不是“大函数执行返回小函数”！
 *   @1 STACK、HEAP、EC、VO、AO、GO、SCOPE、SCOPE-CHAIN
 *   @2 GC浏览器垃圾回收机制: 标记清除 && 引用计数
 *   @3 实际应用及优缺点
 *   @4 进阶专题:单例模式、惰性函数、柯理化函数、compose组合函数...
 *   @5 再次进阶:手撕源码「jQuery源码、Lodash源码、Redux源码...」
 *   @6 臻于大成:插件组件封装
 */