关于javascript:this指向的几种情况

论断总结如下：
1. 失常状况下，this 的指向要看函数在何处调用；
2. 失常状况下，this 都指向调用该办法的 对象 、 实例 或者 构造函数 ；
3. 如果办法在调用时，没有调用对象（例：fn()），默认的 this 指向是 window，然而须要留神，在 严格模式 下，却要指向 undefined（但箭头函数和 setTimeout 是非凡状况）；
4. 箭头函数不会创立本人的 this, 它只会从本人的作用域链的上一层继承 this，因而 箭头函数 内的 this 要看 该箭头函数的 下级作用域的调用对象；
5.setTimeout 调用的代码运行在与所在函数齐全拆散的执行环境上，这会导致，这些代码中蕴含的 this 关键字会指向 window，即便是 严格模式 下也不受影响，然而如果波及到 箭头函数 ，则遵循箭头函数的规定；
6. 构造函数 this 指向其实满足第 2 条规定，至于把办法赋值给一个新的变量，执行后 this 指向了 undefined，是因为 class 构造函数遵循 严格模式 ，也就是满足了第 3 条规定；
7. 如果 箭头函数 、setTimeout、 严格模式 同时存在，其规定权重如下：箭头函数 > setTimeout > 严格模式

状况一：在函数中，this 指向 window。
->> 然而在 use strict 模式下，this 指向 undefined。
->> 然而在 use strict 模式下，箭头函数 this 依然指向 window

function app1() {console.log(this)
}
let app2 = function () {console.log(this)
}
let app3 = () => {console.log(this)
}

app1()
app2()
app3()

// 执行后果
Widnow
Widnow
Widnow

'use strict'
function app1() {console.log(this)
}
let app2 = function () {console.log(this)
}
let app3 = () => {console.log(this)
}

app1()
app2()
app3()

// 执行后果
undefined
undefined
window

状况二：在对象中，一般函数 this 指向该对象，箭头函数指向 window
->> 解构后，this 都指向 window
->> 然而在 use strict 模式下，this 指向 undefined
->> 然而在 use strict 模式下，箭头函数 this 依然指向 window

let Person = {say: function () {console.log(this)
    },
    speak:() => {console.log(this)
    }
}
Person.say()
Person.speak()

// 执行后果
Person
Window

let {say, speak} = Person
say()
speak()

// 执行后果
Window
Window

'use strict'
let Person = {say: function () {console.log(this)
    },
    speak: () => {console.log(this)
    }
}

let {say, speak} = Person
say()
speak()

// 执行后果
undefined
Window

状况三：在定时器中，this 指向 window，即便是 ’use strict’ 模式下也一样

let Person = {say: function () {setTimeout(function () {console.log(this)
        })
    }
}
Person.say()

// 执行后果
Window

状况五：定时器中应用箭头函数，this 指向 window，即便是 ’use strict’ 模式下也一样

let Person = {say: function () {setTimeout(() => {console.log(this)
        })
    }
}
Person.say()

// 执行后果
Person

状况六：在 class 类中
->> 间接调用，this 指向该实例；
->> 但如果是构造函数内的静态方法，this 指向该构造函数
->> 将办法从新赋值后，无论何种办法，this 指向 undefined

class app {constructor(name) {this.name = name}
    say() {console.log(this)
    }
}

let person = new app('bob')
person.say()
let fn = person.say;
fn()

// 执行后果
person
undefined

class app {constructor(name) {this.name = name}
    static say() {console.log(this)
    }
}

app.say()
let fn = app.say;
fn()

// 执行后果
app
undefined