前端：如何理解 JS 的作用域和作用域链?说说闭包的两个应用场景

作用域es6 之前 js 没有块级作用域。例如
if (true) {
var name = zhangsan
}
console.log(name)
从上面的例子可以体会到作用域的概念，作用域就是一个独立的地盘，让变量不会外泄、暴露出去。上面的name就被暴露出去了，因此，js 没有块级作用域，只有全局作用域和函数作用域。
var a = 100
function fn() {
var a = 200
console.log(fn, a)
}
console.log(global, a)
fn()
全局作用域就是最外层的作用域，如果我们写了很多行 js 代码，变量定义都没有用函数包括，那么它们就全部都在全局作用域中。这样的坏处就是很容易撞车、冲突。
// 张三写的代码中
var data = {a: 100}
// 李四写的代码中
var data = {x: true}
这就是为何 jquery、zepto 等库的源码，所有的代码都会放在(function(){....})()中。因为放在里面的所有变量，都不会被外泄和暴露，不会污染到外面，不会对其他的库或者 js 脚本造成影响。这是函数作用域的一个体现。
附：es6 中开始加入了块级作用域，使用let定义变量即可，如下：
if (true) {
let name = zhangsan
}
console.log(name) // 报错，因为let定义的name是在if这个块级作用域
作用域链首先认识一下什么叫做自由变量。如下代码中，console.log(a)要得到a变量，但是在当前的作用域中没有定义a（可对比一下b）。当前作用域没有定义的变量，就称为自由变量。自由变量如何得到 —— 向父级作用域寻找。
var a = 100
function fn() {
var b = 200
console.log(a)
console.log(b)
}
fn()
如果父级也没呢？再一层一层向上寻找，直到找到全局作用域还是没找到，就宣布放弃。这种一层一层的关系，就是作用域链。
var a = 100
function f1() {
var b = 200
function f2() {
var c = 300
console.log(a) // 自由变量，顺作用域链向父作用域找
console.log(b) // 自由变量，顺作用域链向父作用域找
console.log(c) // 本作用域的变量
}
f2()
}
f1()
闭包通过例子来理解闭包。
function f1() {
var a = 100
return function () {
console.log(a)
}
}
var f1 = f1()
var a = 200
f1()
自由变量将从作用域链中去寻找，但是依据的是函数定义时的作用域链，而不是函数执行时，以上这个例子就是闭包。闭包主要有两个应用场景：
1.函数作为返回值，上面的例子就是
2.函数作为参数传递，看以下例子
function f1() {
var a = 100
return function () {
console.log(a)
}
}
function f2(f1) {
var a = 200
console.log(f1())
}
var f1 = f1()
f2(f1)

电动门图片大全深圳电动门电机维修,轮子更换
60V锂电池充电器机900W
上海金盾ESFR早期抑制快速响应喷头K200
专业生产油田抽油泵,油田专用采油泵设备
气动行李舱门泵修理，性能先进
前端：如何理解 JS 的作用域和作用域链?说说闭包的两个应用场景
诃子有什么作用？
苏州市管道修复非开挖修复光固化CIPP技术
供应东方阳光蓄电池经销商报价
非凡蓄电池12SP100 12V100AH代理报价
供应馒头蒸箱包子蒸箱蒸汽蒸房
高级后端
庆铃发电机生产保养细节
甲基硫氧嘧啶 56-04-2 医药级99%
新消费时代大自然木门是如何赋能产品？
新疆批发厂家低价格供应优质玻璃棉复合板
供济柴增压器，济南柴油机20GJ增压器价格
宁津纹绣美发培训班价格|还是飞剪学校
上班还是创业？加盟贪小卷卤肉卷让你做老板！
供应杭州会议租车