JavaScript:了解闭包

本文解析了JavaScript中闭包的概念,包括函数嵌套和引用外部变量的特点,强调了其可能导致的内存问题及解决策略。还介绍了闭包在实际开发中的应用场景和面试中的常见问题。同时提到了如何利用闭包进行变量封装和权限控制。最后,分享了关于Web前端开发的学习资源。
摘要由CSDN通过智能技术生成

var i=0;

function b(){

alert(++i);

}

return b;

}

var c=a();

c();

这段代码有两个特点:

  • 函数b嵌套在函数a内部

  • 函数a返回函数b

这样在执行完var c=a( )后,变量c实际上是指向了函数b,再执行c( )后就会弹出一个窗口显示i的值(第一次为1)。这段代码其实就创建了一个闭包,这是因为函数a外的变量c引用了函数a内的函数b。也就是说,当函数a的内部函数b被函数a外的一个变量引用的时候,就创建了一个闭包。

使用注意点:

  • 由于闭包会使得函数中的变量都被保存在内存中,内存消耗很大,所以不能滥用闭包,否则会造成网页的性能问题,在IE中可能导致内存泄露。解决方法是,在退出函数之前,将不使用的局部变量全部删除。

  • 闭包会在父函数外部,改变父函数内部变量的值。所以,如果把父函数当作对象(object)使用,把闭包当作它的公用方法(Public Method),把内部变量当作它的私有属性(private value),这时一定要小心,不要随便改变父函数内部变量的值。

相关面试题

1. 闭包的特征?

  • 函数嵌套函数

  • 函数内部可以引用外部的参数和变量

  • 参数和变量不会被垃圾回收机制回收

2. 闭包应用场景?

  • 作为返回值

function fn() {

var max = 10;

return function bar(x) {

if (x > max) {

console.log(x);

}

}

}

var f1 = fn();

f1(15);

  • 作为参数传递

var max = 10;

function fn(x) {

if (x > max) {

console.log(x);

}

}

(function(f) {

var max = 100;

f(15);

})(fn);

3. 实际开发中闭包的应用?

闭包实际应用中主要用于封装变量,收敛权限

function isFirstLoad() {

var _list = []; // 有_的变量说明是私有变量,函数内部使用的

最后

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

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

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

img

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

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

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

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

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

  • 22
    点赞
  • 26
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值