前言
面向工作的深入解析
什么是函数
由一个或者多个语句组成的用来处理特定任务的程序，相对独立，听起来很像是函数吧，但是函数只是子程序的一种类型。
子程序分为三种：函数、过程、方法
函数是其中一种，剩下两种分别是过程和方法
函数
最显著的特点就是具有返回值，那么可能会有人说了，我在js中写一个函数我不return不就没有返回值了吗，但实际上你不return，js会自动帮你return undefined，也就是说在js中函数必定有返回值
过程
过程实际上就是没有返回值的函数，又因为在js中不存在没有返回值的函数，因此js中不存在过程
在js中只有函数和方法
在js当中只有函数和方法，没有过程这个概念！因为js所有的函数都有返回值！！！
看如下的代码：
function fn() { //函数
console.log('x');
}
const a = fn() //undefined
var obj = {
fn: fn //方法
}
函数和过程的区别
如果一个子程序有返回值他就是函数，如果这个子程序没有返回值，就叫做过程，它就是走一个过程，没有任何的返回
方法
与函数、过程的区别就是，方法一般存在于类和对象中(可能也是因为这样，Java朋友总是和我杠说我把方法读成函数了)
在对象或者类中
如果一个子程序存在一个对象或者一个类中，它就叫做方法。
函数的返回值由什么确定？
前面说到在js中，函数永远都有返回值，那么函数的返回值又是由什么去确定的呢?
影响因素
-
调用时输入的参数 params -
定义时的环境env
let x = 'x'
let a = '1'
function f1(x) {
return x + a
}
{
let a = '2'
f1('x') //输出的结果是什么？
}
解析：在上面的声明中 ，声明了f1这个函数的作用就是返回 x+a 的值。下面的括号中的就是一个独立的作用域。在这个作用域中，传入一个 x ，调用这个f1函数，这里面的x是 'x' ,但是这里的a是谁？是下面的2呢？还是上面的1？
在上面说过函数的影响因素，其中x是参数，所以这个x是可以确定的，就是f1传入的参数，但是这里面的a不确定，因此就看因素2，判断这个a是什么环境的，这里面的a是声明的那边，因此a的值是1 最后的结果就是return x+1 结果就是x1。因为f1调用时候内部没有变量a，应该取外部的a，那么外部的a最近的就是let a = '2'了。
下面在加上一个 a=3呢?
let x = 'x'
let a = '1'
function f1(x) {
return x + a
}
a='3'；
{
let a = '2'
f1('x') //输出的结果是什么？
}
结果就是x3
道理同上，不同的是在执行到下面的块作用域的时候，a由1 变成了a=3
再比如加上a=4呢
let x = 'x'
let a = '1'
function f1(x) {
return x + a
}
a='3'；
{
let a = '2'外面的变量，那么这个函数 + 这些变量 = 闭包
f1('x') //输出的结果是什么？
}
a='4'
结果还是x3，为什么？因为执行完块作用域的时候，a=4 还没有执行。
看另一个题目
let x = 'x'
let a = '1'
function f1(c) {
c()
}
{
let a = '2'
function f2() {
console.log(x + a);
}
f1(f2) //打印什么？？？
}
解析：
这里面的函数f1 就是接受一个函数调用一个函数。然后下面就是独立的块作用域，这里面的函数f2 就是打印x+a，最后一句语句f1(f2),将f2作为参数传到f1里面，这时候f2 调用了，之后打印出来的x+a的值是多少？
函数f2里面没有传进来参数，所以x和a都不是参数，那么这时候看函数的影响因素就是定义了。这时候根据上下文来看 x就是x，a就是这个作用域当中的2，最后的结果就是x2
闭包
-
闭包的定义
- 如果在函数里面可以访问到外面的变量，那么这个函数+这些变量=闭包
- 闭包问题本质上是作用域问题
闭包+时间
这道题的答案让人很费解，结果就是6个6，知道为什么吗？？？
for (var i = 0; i < 6; i++) {
setTimeout(() => {
console.log(i) //箭头函数访问了 i
})
}
因为6个函数共用一个 i
修改，将var改为let
for (let i = 0; i < 6; i++) {
setTimeout(() => {
console.log(i) //箭头函数访问了 i
})
}
为每个函数分配一个 i ，打印0 1 2 3 4 5
这道题类似于
let x = 'x'
let a = '1'
function f1(x) {
return x + a
}
f1()
a='3'；
如果这道题搞不清楚就想想 刻舟求剑。
另一种写法，使用立即执行函数
for (var i = 0; i < 6; i++) {
!function (j) {
setTimeout(() => {
console.log(j) //箭头函数访问了 i
})
}(i)
}
为什么这样可以解决，因为每一个函数都是一个独立的作用域。
结论
闭包的特点
- 能让一个函数维持住一个变量
- 但不能维持这个变量的值
- 尤其是变量的值会变化的时候
function f1() {
const obj = {a: 1};
return function f2() {
return obj
}
}
const b = f1()();
console.log(b); // 输出的结果为: { a: 1 }
-
优缺点：
- 优点: 可以在外部对函数内部的变量进行访问
-缺点: 返回出来的变量，例如上面例子中的{ a: 1 }，是被保留在内存中的，如果不及时清空的话会造成内存泄漏和性能问题。
- 优点: 可以在外部对函数内部的变量进行访问
对象是穷人的闭包
- 对象也可以来维持住一个变量
- 如果一门语言不支持闭包，你可以用对象代理
闭包是穷人的对象
- 如果一门语言不支持对象，你可以用闭包代理
如何理解上面的话
var obj = {
i: 0,
function() {
console.log(this.i)
}
}
const handle = function () {
var i = 0;
return function () {
console.log(i)
}
}
虽然这上面的两段代码用到的技术不一样，一个是对象属性，一个是函数里面的闭包，然后为同一个函数，但是它们都做到了同一个目的，就是把一个变量给维持住，不让其他的人直接操作。当然这个也可以操作，我们可以通过私有的来操作
所以上面的这两段代码就表示了，如果一个语言不支持闭包，怎么办就用对象来操作。
反过来也亦然。
看下面的代码，如果要产生两个属性 age 和 name ，但是只能有函数，不能有对象，怎么做？
function createPerson(age, name) {
return function (key) {
if (key === 'name') return name;
if (key === 'age') return age;
}
}
var person = createPerson(18, '小红');
person('name'); //小红
person('age'); //18
所以这就是解释了什么叫做闭包是穷人的对象，就是你发现一个语言没有对象，就可以用闭包来实现代替对象。
