闭包，闭包用途，callapplybind 的用法

Posted 2020-11-08 一路の向北

什么是闭包：
“函数”和“函数内部能访问到的变量（也叫环境）”的总和，就是一个闭包。
javascript有两种作用域：全局作用域和函数作用域。函数内部可以直接读取全局变量。但是，在函数外部无法读取函数内部声明的变量。换言之，如果一个函数，使用了它范围外的变量，那么‘这个函数+这个变量’就叫做闭包。

function f1() {
  var n = 1;
  function f2() {
    console.log(n);
  }
  return f2;
} //这段代码中，函数 f2 和变量 n 的总和就叫做闭包

 

闭包的用途：
1.从外部读取函数内部的变量。

function f1() {
  var n = 9;
  function f2() {
    console.log(n);
  }
  return f2;
} 
var result = f1();
result(); // 9
//这段代码中，函数f1的返回值就是函数f2，由于f2可以读取f1的内部变量，所以就可以在外部获得f1的内部变量了。

 

2.让这些变量始终保持在内存中。

function f1(n) {
  return function () {
    return n++;
  };
}
var a1 = f1(1);
a1() // 1
a1() // 2
a1() // 3
//这段代码中，闭包使得内部变量记住上一次调用时的运算结果。

 

3.封装对象的私有属性和私有方法。

function f1(n) {
  return function () {
    return n++;
  };
}
var a1 = f1(1);
a1() // 1
a1() // 2
a1() // 3
var a2 = f1(5);
a2() // 5
a2() // 6
a2() // 7
//这段代码中，a1 和 a2 是相互独立的，各自返回自己的私有变量。

 

call：call 是函数的正常调用方式，并指定上下文 this。
apply：apply 的作用和 call 一样，只是在调用的时候，传参数的方式不同。区别是 apply 接受的是数组参数，call 接受的是连续参数。如下代码：

function add(a,b){
    return a+b;
}
add.call(add, 5, 3); //8
add.apply(add, [5, 3]); //8

 

bind：bind 接受的参数跟 call 一致，只是 bind 不会立即调用，它会生成一个新的函数，你想什么时候调就什么时候调。如下代码：

function add(a, b){
    return a+b;
}
var foo1 = add.bind(add, 5,3); 
foo1(); //8
var foo1 = add.bind(add, 5,3); 
foo1(); //8