关于this的指向在普通函数中与箭头函数中的规则

普通函数的this

this:是在执行上下文创建时确定的一个在执行过程中不可更改的变量
this只在函数调用阶段确定，也就是执行上下文创建的阶段进行赋值，保存在变量对象中，这个特性也导致了this的多变性，激荡函数在不同的调用方式下都可能导致this的值不同。
想要确定this，那么需要寻找函数被调用的位置
通常有4条规则来绑定this
（1）默认情况下，非严格模式：指向全局对象

function f1(){
    console.log(this,this.a) 
}
f1()  //window undefined

但是在严格模式下，全局对象无法使用默认绑定，this会绑定到undefined，因此会进行报错
（2）隐士绑定
如果一个函数中的this，这个函数又被上一级的对象所调用，那么this指向的是上一级对象；this在运行时被确定，而不是定义时被确定，this指向被调用的上一级对象，而不是最外层对象。

var a={
    name:'ccc',
    b:{
        name:'222',
        fn:function(){
            console.log(this,this.a)
        }
    }
}
a.b.fn()  //{name: "222", fn: ƒ} undefined

（3）显示绑定，利用apply，call，bind,显示改变this指向
（4）利用new 关键字 ，this指向当前实例对象

关于箭头函数

箭头函数没有自己的this绑定，没有prototype，同时也不能被用做构造函数。同时，箭头函数可以作为普通函数提供更为简洁的写法。

但箭头函数作为对象方法却会造成问题。因为箭头函数中的this是由上下文作用域决定的。

const printNumbers = {
phrase: 'The current value is:',
numbers: [1, 2, 3, 4],
loop:()=>{
    console.log(this.numbers)
    },
}
printNumbers.loop() //undefined

此时loop方法是箭头函数，箭头函数中的this有执行上下文决定的，此时的上下文作用域是全局的，非严格模式下此时的this默认为window

关于执行上下文的概念

当代码运行时，会产生一个对应的执行环境，在这个环境中，所有变量会被事先提出来（变量提升），有的直接赋值，有的为默认值 undefined，代码从上往下开始执行，就叫做执行上下文。
在 JavaScript 的世界里，运行环境有三种，分别是：
1.全局环境：代码首先进入的环境
2.函数环境：函数被调用时执行的环境
3.eval函数：https://www.cnblogs.com/chaoguo1234/p/5384745.html（不常用）

执行上下文的特点

1.单线程，在主进程上运行
2.同步执行，从上往下按顺序执行
3.全局上下文只有一个，浏览器关闭时会被弹出栈
4.函数的执行上下文没有数目限制
5.函数每被调用一次，都会产生一个新的执行上下文环境

执行全局代码时，会产生一个执行上下文环境，每次调用函数都又会产生执行上下文环境。当函数调用完成时，这个上下文环境以及其中的数据都会被消除，再重新回到全局上下文环境。处于活动状态的执行上下文环境只有一个。

执行上下文的生命周期

参考文章链接：https://www.cnblogs.com/gaosirs/p/10569973.html

foreach，filter，map中的this指向

如果 thisArg 参数有值，则每次 callback 函数被调用时，this 都会指向 thisArg 参数。如果省略了 thisArg 参数，或者其值为 null 或 undefined，非严格模式下，this 则指向全局对象。按照函数观察到 this 的常用规则，callback 函数最终可观察到 this 值。