博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
闭包,闭包用途,call、apply、bind 的用法
阅读量:5824 次
发布时间:2019-06-18

本文共 1241 字,大约阅读时间需要 4 分钟。

什么是闭包:

“函数”和“函数内部能访问到的变量(也叫环境)”的总和,就是一个闭包。
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() // 1a1() // 2a1() // 3//这段代码中,闭包使得内部变量记住上一次调用时的运算结果。

 

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

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

 

call:call 是函数的正常调用方式,并指定上下文 this。

apply:apply 的作用和 call 一样,只是在调用的时候,传参数的方式不同。区别是 apply 接受的是数组参数,call 接受的是连续参数。如下代码:

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

 

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

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

 

转载于:https://www.cnblogs.com/ronyjay/p/9092624.html

你可能感兴趣的文章
灰度图像和彩色图像
查看>>
FreeMarker-Built-ins for strings
查看>>
argparse - 命令行选项与参数解析(转)
查看>>
修改上一篇文章的node.js代码,支持默认页及支持中文
查看>>
spring-boot支持websocket
查看>>
菜鸟笔记(一) - Java常见的乱码问题
查看>>
我理想中的前端工作流
查看>>
记一次Git异常操作:将多个repository合并到同一repository的同一分支
查看>>
Chrome 广告屏蔽功能不影响浏览器性能
查看>>
Android状态栏实现沉浸式模式
查看>>
使用Openfiler搭建ISCSI网络存储
查看>>
学生名单
查看>>
(转) 多模态机器翻译
查看>>
【官方文档】Nginx负载均衡学习笔记(三) TCP和UDP负载平衡官方参考文档
查看>>
矩阵常用归一化
查看>>
Oracle常用函数总结
查看>>
【聚能聊有奖话题】Boring隧道掘进机完成首段挖掘,离未来交通还有多远?
查看>>
考研太苦逼没坚持下来!看苑老师视频有点上头
查看>>
HCNA——RIP的路由汇总
查看>>
zabbix监控php状态(四)
查看>>