确定 this

在非严格模式下，总是指向一个对象，在严格模式下可以是任意值。

1. 全局执行环境中,指向全局 window 对象(非严格模式、严格模式)
2. 函数内部,取决于函数被调用的方式
   1. 直接调用的this值：① 非严格模式:全局对象(window) ② 严格模式:undefined
   2. 对象方法调用的this值：① 调用者

    /*** 如何确认this的值* 1.全局执行环境*   严格模式，非严格模式:全局对象（window）* 2.函数内部*  2.1 直接调用*   严格模式下:undefined*   非严格模式:全局对象（window）*  2.2 对象方法调用*   严格模式，非严格模式:调用者* 3.开启严格模式*   脚本开启: 'use strict'*   函数内部开启:'use strict'*   注意:'use strict'写在代码顶端* */// ------------- 1.全局执行环境 -------------//  严格模式，非严格模式 全局对象（window）// 'use strict'// console.log(this)// ------------- 2.函数内部 -------------// 2.1 直接调用-非严格模式// function func() {//   console.log(this) // window// }// func()// 2.1 直接调用-严格模式// function func() {//   'use strict'//   console.log(this) // undefined// }// func()// 2.2 对象方法调用const food = {name: '猪脚饭',eat() {'use strict'console.log(this)}}// 非严格模式，严格模式food.eat() // 调用者

指定 this

可以通过两种方法指定this:

1. 调用时指定:
   1. call方法
   2. apply方法
2. 创建时指定:
   1. bind方法
   2. 箭头函数

    /*** 如何指定this的值:*  1. 调用时指定this:*  2. 创建时指定this:* */// ------------- 1. 调用时指定this: -------------function func(numA, numB) {console.log(this)console.log(numA, numB)}const person = {name: 'username'}// 1.1 call:挨个传入参数// func.call(person, 1, 2)  // this 为 {name: 'username'}// 1.2 apply:以数组的方式传入参数// func.apply(person, [3, 4])  // this 为 {name: 'username'}// ------------- 2. 创建时指定this: -------------// 2.1 bind方法// const bindFunc = func.bind(person, 666)  // this 为 {name: 'username'} ,Func函数的参数可以依次传入// bindFunc(888)  // numA 为 666，numB 为 888// 2.2 箭头函数const food = {name: '西兰花炒蛋',eat() {console.log(this)  // food// 箭头会从自己作用域链的上一层继承thissetTimeout(() => {console.log(this)  // food}, 1000);// setTimeout(function () {//   console.log(this)  // window// }, 1000)}}food.eat()

总结

如何确认this指向:

1. 全局执行环境中,指向全局对象(非严格模式、严格模式)

2. 如何开启严格模式:

   // 为整个脚本开启严格模式
   'use strict'
   function func() {// 为函数开启严格模式'use strict'
   }
   

3. 函数内部,取决于函数被调用的方式

   1. 直接调用的this值:
      1. 非严格模式:全局对象(window)
      2. 严格模式:undefined
   2. 对象方法调用时的this值为调用者

如何改变this指向,有2类改变this指向的方法,分别是:

1. 调用函数时并传入具体的this
   1. call:从第二个参数开始挨个传递参数
   2. apply:在第二个参数以数组的形式传递参数
2. 创建函数时绑定this?
   1. bind:返回一个绑定了this以及参数(可选)的新函数
   2. 箭头函数:创建时会绑定上一级作用域中的this