javaScript（二十） 函数应用，Web前端基础三剑客学习知识分享

}

page.init();

}

甚至可以这么写，连大括号也可以省了，在script上设置一个type=‘’module‘，表明这个就是模块代码

闭包

闭包是指访问了另外一个作用域中的变量函数

function foo() {

var c=1;

function bar(){

return ++c;

}

console.log(bar());

}

foo()

这里的bar()就是一个闭包，因为访问了它的上一级变量

闭包：可以阻止变量被垃圾回收

function foo() {

var c=1;

return function (){

return ++c;

}

}

var bar=foo(); //对匿名函数有引用，组成了一个闭包，c不会被垃圾回收

console.log(bar());

闭包应用示例：

function foo() {

for(var i=0;i<10;i++){

setTimeout(function () {

console.log(i) //这边输出10个10，因为执行setTime

},0)

}

}

function foo1() {

for(var i=0;i<10;i++){

function bar(params) {

setTimeout(function () {

console.log(i) //这边输出0-9

},0)

}

bar(i)

}

}

这边除了闭包，立即执行函数也可以解决这个问题，另外，不使用var，使用let定义也可以解决

闭包+立即执行函数的应用：封装（信息隐藏）

let obj={

name:“John”,

getName(){

return this.name

}

}

console.log(obj.getName()); //输出john

//但是我们无法阻止用户直接访问obj.name

console.log(obj.name); //输出john

因此为了信息隐藏，我们就使用了闭包+立即执行函数组成了封装

let obj1=(function () {

let name=“john”;

return {

getName(){

return name;

}

}

})()

console.log(obj1.getName()); //输出john

console.log(obj1.name); //输出undefined

这样就只能通过obj1.getName()获取

递归

在函数中调用函数本身，因此使用递归函数就要考虑清除了，尤其是结束条件，否则会出现死循环

回调函数：同步回调，异步回调

前面已经说过，函数是特殊的对象，也是一种值，可以当作参数传递给其他位置

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

深知大多数前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

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

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上前端开发知识点，真正体系化！

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

如果你觉得这些内容对你有帮助，可以扫码获取！！（备注：前端）

最后

资料过多，篇幅有限，需要文中全部资料可以点击这里免费获取前端面试资料PDF完整版！

自古成功在尝试。不尝试永远都不会成功。勇敢的尝试是成功的一半。

m/2024/03/13/H4lCoPEF.jpg" />

最后

[外链图片转存中…(img-xrs6Hrvp-1712124854147)]

[外链图片转存中…(img-qFJOFnTA-1712124854147)]

资料过多，篇幅有限，需要文中全部资料可以点击这里免费获取前端面试资料PDF完整版！

自古成功在尝试。不尝试永远都不会成功。勇敢的尝试是成功的一半。