JavaScript高级 函数进阶篇
函数进阶
1、函数的定义和调用
- 函数声明方式function关键字（命名函数）；
- 函数表达式（匿名函数）；
- new Function()（此处的Function()是一个构造函数）；
- var fn= new Function('参数1','参数2',...,'函数体');
- 注意：Function里面参数都必须是字符串格式；
- 第三种方式执行效率低，也不方便书写因此较少使用；
- 所有函数都是Function的实例（对象）；
- 函数也属于对象；
函数调用方式
普通函数、对象的方法、构造函数、绑定事件函数、定时器函数、立即执行函数
2、函数内this的指向
| 调用方法 | this指向 |
| 普通函数调用 | window |
| 构造函数调用 | 实例对象，原型对象里面的方法也指向实例对象 |
| 对象方法调用 | 该方法所属对象 |
| 事件绑定方法 | 绑定事件对象 |
| 定时器函数 | window |
| 立即执行函数 | 本身无this指向，根据所处环境决定 |
3、改变this指向方法
JavaScript为我们专门提供了一些函数方法来帮助我们优雅的处理函数内部this的指向问题，常用的有call（）、apply（）、bind（）
3.1 call（）方法
call（）方法调用一个对象。简单理解为调用函数的方式，但是它可以改变函数的this指向
格式：fun.call(thisArg,arg1,arg2,......)
thisArg：在fun函数运行时指定的this值；arg1、arg2、....：传递的值- 返回值就是函数的返回值，因为它就是调用函数；
3.2 apply（）方法
apply()方法调用一个函数，简单理解为调用函数的方式，但是它可以改变函数的this指向；
格式：fun.apply(thisArg,[argsArray])
- thisArg：在fun函数运行时指定的this值；
- argsArray：传递的值，必须包含在数组里面；
- 返回值就是函数的返回值，因为它就是调用函数；
3.3 bind（）方法
bind()方法不会调用函数，但是能改变函数内部this指向；
格式：fun.bind(thisArg,arg1,arg2,...)
thisArg：在fun函数运行时指定的this值；arg1,arg2：传递的其他参数；- 返回由指定的
this值和初始化参数改造的原函数拷贝；
3.4 call() apply() bind()总结
相同点：都可以改变函数内部this指向；
区别点：
（1）、call()和apply()会调用函数，并且改变函数内部this指向；
（2）、call()和apply()传递的参数不一样，call()传递参数arg1 、arg2… ，apply()必须是数组形式[arg]；
（3）、bind()不会调用函数，可以改变函数内部this指向；
主要应用场景：
（1）、call()经常做继承；
（2）、apply()经常跟数组有关系，比如借助于数学对象实现数组最大值最小值；
（3）、bind()不调用函数，但是还想改变this指向，比如改变定时器内部this指向；
4、严格模式
4.1 什么是严格模式以及如何开启严格模式
JavaScript除了提供正常模式外，还提供了严格模式（strict mode）。ES5的严格模式是采用具有限制性JavaScript变体的一种方式，即在严格的条件下运行JS代码。
严格模式在IE10以上版本的浏览器中才会被支持，旧版本浏览器中会被忽略。
严格模式对正常的JavaScript语义做了一些更改；
（1）、消除了JavaScript语法的一些不合理、不严谨之处，减少了一些怪异行为（例如变量不声明就不能使用）；
（2）、消除代码运行的一些不安全之处，保证代码运行的安全；
（3）、提高编译器效率，增加运行速度；
（4）、禁用了在ECMAScript的未来版本中可能会定义的一些语法，为未来新版本的JavaScript做好铺垫。比如一些保留字如：class enum export extends import super不能做变量名；
4.2 开启严格模式
严格模式可以应用到【整个脚本】或【个别函数】中。因此在使用时，我们可以将严格模式分为【为脚本开启严格模式】和【为函数开启严格模式】两种情况；
为脚本开启严格模式：为整个脚本文件开启严格模式，需要在所有语句之前放一个特定语句"use strict"（或'use strict'）；
有的script基本是严格模式，有的script脚本是正常模式，这样不利于文件合并，所以可以将整个脚本文件放在一个立即执行的匿名函数之中。这样独立创建一个作用域而不影响其他script脚本文件。
为函数开启严格模式：要把某个函数开启严格模式，需要把"use strict"；（或'use strict';）声明放在函数体所有语句之前；
4.3 严格模式中的变化
严格模式对JavaScript的语法和行为，都做了一些变化；
变量规定：
（1）、在正常模式中，如果一个变量没有声明就赋值，默认是全局变量。严格模式禁止这种用法，变量都必须先用var命令声明，然后再使用；
（2）、严禁删除已经申明的变量。例如：delete语法是错误的；
严格模式下this指向问题：
（1）、以前在全局作用域函数中this指向window对象；
（2）、严格模式下全局作用域中函数的this是undefined；
（3）、以前构造函数时不加new也可以调用，当普通函数调用，里面的this指向全局对象；
（4）、严格模式下，如果构造函数不加new调用，this会报错；
（5）、new实例化的构造函数指向创建的对象实例；
（6）、定时器this还是指向window；
（7）、事件、对象还是指向调用者；
函数变化：
（1）、函数不能有重名的参数；
（2）、函数必须声明在顶层、新版本的JavaScript会引入“块级作用域”（ES6中已引入）。为了与新版本接轨，不允许在非函数的代码块内声明函数；
5、高阶函数
- 高阶函数是对其他函数进行操作的函数，它【接收函数作为参数】或【将函数作为返回值输出】；
- 函数也是一种数据类型，同样可以作为参数，传递给另外一个参数使用。最典型的就是作为回调函数。
Document
6、闭包
6.1 什么是闭包？
- 闭包（
closure）：指有权访问另一个函数作用域中变量的函数。—JavaScript高级程序设计 - 简单理解就是，一个作用域可以访问另外一个函数内部的局部变量；
- 闭包也是高阶函数；
闭包的作用
闭包案例：3秒钟后打印 li 内容
6.2 闭包总结
（1）闭包是什么？
闭包是一个函数（一个作用域可以访问另外一个函数的局部变量）；（这个变量所在的函数就是一个闭包函数）
简单理解：嵌套函数可以访问父级函数的变量，故return嵌套函数就可以在全局环境访问该变量；
闭包的形成：函数嵌套+内函数调外函数的局部变量；
（2）闭包的作用是什么？
延伸变量的作用范围；
7、递归
7.1 什么是递归？
- 如果一个函数在内部可以调用其本身，那么这个函数就是递归函数；
- 简单理解：函数内部自己调用自己，这个函数就是递归函数；
- 递归函数的作用和循环效果一样；
- 由于递归很容易发生“栈溢出”错误（
stack overflow），所以必须要加退出条件return；
7.2 递归案例
利用递归求阶乘
利用递归求斐波那契数列
利用递归求：根究ID返回对应的数据对象
7.3 浅拷贝和深拷贝
浅拷贝只是拷贝一层，更深层次对象级别的只拷贝引用；
深拷贝拷贝多层，每一级别的数据都会拷贝；
Object.assign(target,...sources) ES6新增方法可以浅拷贝；
尝试自己封装一个深拷贝函数
// 深拷贝 3 自己实现 递归
function deepClone(obj) {
if (obj == null) return obj
if (obj instanceof Date) return new Date(obj)
if (typeof obj !== 'object') return obj
// obj 是对象或数组
const newObj = new obj.constructor()
for (let k in obj) {
newObj[k] = deepClone(obj[k])
}
return newObj
}