}
var aaa = 123;
return b;
}
var glob = 100;
var demo = a();
demo();
解析:由于没有b();此时b还是被定义的状态,和a执行的状态一样,function a(){ } 是在return b之后才执行完,才销毁,return b让a执行时的AO被保存到外边了;return b 是把b(包括a的AO) 保存到了外边(全局),当a执行完砍掉自己的AO时,b依然可以访问到a的AO(由于return b)
1.1闭包的作用
1.实现公有变量
//函数累加器
function add(){
varcount = 0;
function demo(){
count++;
console.log(count);
}
return demo;
}
var counter = add();
//每次调用一次就会在原有基础上加一;
counter();
counter();
counter();
counter();
counter();
2.可以做缓存(存储结构)
// 2.可以做缓存
function test(){
var num = 100;
function a(){
num++;
console.log(num);
}
function b(){
num–;
console.log(num);
}
//把两个函数返回出去
return [a,b];
}
var myArr = test();
myArr0; //101
myArr1; //100
解析: a和b函数用的是同一个AO
test doing test [[scope]] 0 : testAO
1 : GO
a 被定义时 a.[[scope]] 0 : testAO
1 : GO
b 被定义时 b.[[scope]] 0 : testAO
1 : GO
return [a,b] 将a和b同时被定义的状态被保存出来了;
当执行myArray[0]()
时
a doing a.[[scope]] 0 : aAO
1 : testAO
2 : GO
当执行myArray[1]()
时
b doing b.[[scope]] 0 : aAO
1 : a运行之后的 testAO
2 : GO
a运行之后的testAO,与a doing里面的testAO相同,a和b连线的都是test环境,对应的一个闭包
function a和function b 是并列的,由于先执行function a 所以num++,在执行num–;
缓存的应用
function eater() {
var food = ‘’;
var obj = {
eat : function(){
console.log(‘我正在吃’+food);
food = “”;
},
push : function (myFood){
food = myFood;
}
}
return obj;
}
var eater1 = eater();
eater1.push(‘apple’);
eater1.eat();//我正在吃apple
自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。
深知大多数前端工程师,想要提升技能,往往是自己摸索成长或者是报班学习,但对于培训机构动则几千的学费,着实压力不小。自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!
因此收集整理了一份《2024年Web前端开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。
既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上前端开发知识点,真正体系化!
由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!
如果你觉得这些内容对你有帮助,可以扫码获取!!(备注:前端)
最后
本人分享一下这次字节跳动、美团、头条等大厂的面试真题涉及到的知识点,以及我个人的学习方法、学习路线等,当然也整理了一些学习文档资料出来是附赠给大家的。知识点涉及比较全面,包括但不限于前端基础,HTML,CSS,JavaScript,Vue,ES6,HTTP,浏览器,算法等等
详细大厂面试题答案、学习笔记、学习视频等资料领取,点击资料领取直通车免费领取!
前端视频资料:
厂的面试真题涉及到的知识点,以及我个人的学习方法、学习路线等,当然也整理了一些学习文档资料出来是附赠给大家的。知识点涉及比较全面,包括但不限于前端基础,HTML,CSS,JavaScript,Vue,ES6,HTTP,浏览器,算法等等
详细大厂面试题答案、学习笔记、学习视频等资料领取,点击资料领取直通车免费领取!
[外链图片转存中…(img-N6H0HMJu-1712167224540)]
前端视频资料: