Web前端最全JavaScript 初识闭包closure及总结(1)，15个经典面试问题及回答思路及答案

React

• 介绍一下react

• React单项数据流

• react生命周期函数和react组件的生命周期

• react和Vue的原理，区别，亮点，作用

• reactJs的组件交流

• 有了解过react的虚拟DOM吗，虚拟DOM是怎么对比的呢

• 项目里用到了react，为什么要选择react，react有哪些好处

• 怎么获取真正的dom

• 选择react的原因

• react的生命周期函数

• setState之后的流程

• react高阶组件知道吗？

• React的jsx，函数式编程

• react的组件是通过什么去判断是否刷新的

• 如何配置React-Router

• 路由的动态加载模块

• Redux中间件是什么东西，接受几个参数

• redux请求中间件如何处理并发

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

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

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

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. 将函数内部的局部变量保存在内存中

最后

基础知识是前端一面必问的，如果你在基础知识这一块翻车了，就算你框架玩的再6，webpack、git、node学习的再好也无济于事，因为对方就不会再给你展示的机会，千万不要因为基础错过了自己心怡的公司。前端的基础知识杂且多，并不是理解就ok了，有些是真的要去记。当然了我们是牛x的前端工程师，每天像背英语单词一样去背知识点就没必要了，只要平时工作中多注意总结，面试前端刷下题目就可以了。

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】