码迷,mamicode.com
首页 > 移动开发 > 详细

闭包,闭包用途,call、apply、bind 的用法

时间:2018-05-26 13:26:43      阅读:237      评论:0      收藏:0      [点我收藏+]

标签:范围   属性   返回值   独立   OLE   bind   java   pre   his   

什么是闭包:
“函数”和“函数内部能访问到的变量(也叫环境)”的总和,就是一个闭包。
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

 

闭包,闭包用途,call、apply、bind 的用法

标签:范围   属性   返回值   独立   OLE   bind   java   pre   his   

原文地址:https://www.cnblogs.com/ronyjay/p/9092624.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!