JavaScript 初识闭包closure及总结

function test1(){

console.log(number);

}

test1();

里层可以一层一层向外层查找变量

例一发现,外部无法访问函数内部的局部变量。如果想在外部访问函数内部的局部变量,那就需要靠闭包来实现。

JavaScript闭包的实现 —— 返回值

=====================================================================================

function test1(){

var number = 100;

function test2(){

// test2可以访问到test1中的变量

return number;

}

// 把test2返回到外面,外面就可以访问里面了

return test2;

}

var test = test1();

var result = test();

console.log(result);

函数test2在test1的内部,根据链式作用域,test2是可以访问test1的局部变量的,而外面访问不到test1里面。那么只要把test2函数作返回值返回到外部,那么外部就可以访问test1内部的局部变量了。

回顾一下闭包的定义和作用:

闭包是一个函数,一个用于读取访问其它函数内部局部变量的函数

也就是说,定义在test1内部的test2函数,就是闭包函数。

test2函数使得外部环境能够访问test1函数内部的局部变量number。

闭包还有第二点作用:

让函数内部的局部变量保存在内存中。

闭包的第二点作用


还是这段代码:

function test1(){

var number = 100;

function test2(){

// test2可以访问到test1中的变量

return number;

}

// 把test2返回到外面,外面就可以访问里面了

return test2;

}

var test = test1();

var result = test();

console.log(result);

其中:

var test = test1();

即:test1()返回test2,test2被赋给了全局变量test。

那么,test2函数就始终存在全局环境,保存在内存中;而test2的存在依赖于test1,则test1及test1中的变量也保存在内存中。

验证了第二点作用:

闭包能使函数内部的局部变量始终保存在内存中。

JavaScript闭包的注意事项

================================================================================

闭包的第二点作用,即“能使函数内部的局部变量始终保存在内存中”,实际上是有一定缺陷的

因为总是把局部变量保存在内存,内存消耗很大,影响性能。在IE中还可能造成内存泄漏。

解决:

函数执行完时,把不使用的变量删除,这就不会把局部变量都保存在内存中而影响性能了。

JavaScript闭包的应用

==============================================================================

总结:

==================================================================

JavaScript闭包的定义:

  1. 闭包是一个能访问其它函数内部局部变量的函数

JavaScript闭包的作用:

  1. 访问其它函数内部的局部变量

  2. 将函数内部的局部变量保存在内存中

JavaScript闭包的注意事项

最后

自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。

深知大多数初中级Android工程师,想要提升技能,往往是自己摸索成长,自己不成体系的自学效果低效漫长且无助。

因此收集整理了一份《2024年Web前端开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。

img

既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上Android开发知识点!不论你是刚入门Android开发的新手,还是希望在技术上不断提升的资深开发者,这些资料都将为你打开新的学习之门!

如果你觉得这些内容对你有帮助,需要这份全套学习资料的朋友可以戳我获取!!

由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!
开发知识点!不论你是刚入门Android开发的新手,还是希望在技术上不断提升的资深开发者,这些资料都将为你打开新的学习之门!**

如果你觉得这些内容对你有帮助,需要这份全套学习资料的朋友可以戳我获取!!

由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!

  • 11
    点赞
  • 18
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值