ES6（3）：函数进阶

1.This

This指向问题：简单来说就是，在一个方法中，this代表什么

调用方式的不同，决定了this的指向不同，一般指向我们的调用者。

 

1.1调用方式与指向

普通函数调用：window

构造函数调用：实例对象

对象方法调用：该方法所属对象

事件绑定函数：绑定事件对象

定时器函数：window

 

2.严格模式

2.1什么是严格模式

JavaScript除了提供正常模式外，还提供了严格莫斯。严格模式是采用具有限制性的JavaScript变体的一种方式。即在严格的条件下运行JS代码。

1. 严格模式在IE10以上版本的浏览器才会被支持，旧版本的浏览器会被忽略。
2. 严格模式对正常的JavaScript语义做了一些规范。
3. 消除了JavaScript语法的一些不合理、不严谨之处，减少了一些怪异的行为。
4. 消除代码运行的一些不安全之处，保证代码安全的运行
5. 提高了编译器效率，增加运行速度

 

2.2开启严格模式

严格模式可以应用到整个脚本或者个别的函数中，因此在使用时，我们可以将严格模式分为脚本开启严格模式和函数开启严格模式两种情况。

2.2.1为脚本开启严格模式

为脚本开启严格模式，需要在所有语句之前放一个特定的语句： “use strict”

 

因为 ‘use strict’ 加了引号，所以老版本的浏览器会把它作为一行普通的字符串而忽略。

有的script基本是严格模式，有的script是正常模式，这样不利于文件合并，所以可以将整个脚本文件放在一个立即执行的匿名函数中，这样独立创建了一个作用域，而不影响其他script的语法模式。

 

2.2.2.为函数开启严格模式

要给某个函数开启严格模式，需要把’use strict’声明放到函数体所有语句之前。

 

2.3 严格模式中变化

严格模式对JS的语法和行为，做了一些改变。

2.3.1.变量规定

在正常模式中，如果一个变量没有声明就赋值，默认是全局变量。但是严格模式禁止这种用法。变量必须先声明才能使用

严禁删除已经声明的变量，例如 delete num。这个语法是错误的

 

2.3.2.严格模式下this的指向问题。

以前在全局作用域的函数中，this指向window对象。在严格模式下全局作用域的函数中，this指向undefined。

以前构造函数不使用new也可以调用，当成普通函数，this也指向全局对象。严格模式下，构造函数如果不使用new调用，this指向的是undefined，如果给它赋值，就会报错。

New实例化的构造函数指向创建的对象实例

定时器this指向的还是window

事件的this指向还是绑定事件的对象。

 

2.3.3.函数变化

函数不能有重名的参数

函数必须声明在顶层。

 

3.高阶函数

高阶函数是对其他函数进行操作的函数，它接收函数作为参数，或者将函数作为返回值。

在上面的代码中，fn和fn2都是一个高阶函数。

函数也是一种数据类型，所以理论上也可以作为一个参数，传递给另一个函数使用。最典型的就是作为回调函数。

 

4.闭包

4.1变量作用域

变量可以根据作用域分为两种：全局变量和局部变量。

函数内部可以使用全局变量，但是函数外部不可以使用局部变量。当函数执行完毕，本作用域的局部变量会被销毁。

 

4.2什么是闭包

闭包指有权访问另一个函数作用域中变量的函数。

简单理解，一个作用域可以访问另一个作用域的局部变量。

 

4.3闭包的作用

 

5.递归

5.1什么是递归

如果一个函数在内部可以调用自己本身，那么这个函数就是递归函数。

递归的作用效果和循环是一样的，但是递归容易发生栈溢出错误，所以必须要加退出条件。

 

5.2求斐波那契数列

function fibonacci(n) {
      if(n === 1 || n === 2) {
        return 1
      }
      return fibonacci(n - 1) + fibonacci(n - 2)
    }

 

5.3深拷贝和浅拷贝

浅拷贝只是拷贝一层，更深层次的对象只拷贝引用

深拷贝是拷贝多层，每一层的数据都会被拷贝。

ES6中提供了浅拷贝方法

Object.assign(target, source)