普通函数和箭头函数this指向问题

普通函数this指向：只有函数执行的时候才能确定this到底指向谁，实际上this的最终指向的是那个调用它的对象，意味着this是动态生成的

箭头函数this指向：反之箭头函数的this是在定义的时候就确定了

例子1：

因为normalButton的点击事件绑定了normalFunction这个函数，所以函数里面的this动态指向了normalButton

箭头函数的this是函数定义的时候就确定了，而且arrowFunction是属于windowd的，自然this指向的就是window

 例子2：

我们进行了normal的调用，并执行了biubiu方法，biubiu方法原本想获取normal里面的bibi，结果却输出undefined，因为this的绑定是动态的，回调函数会导致this绑定的丢失，当执行栈的任务执行完毕之后才会执行回调函数，这个时候执行回调函数相当于在全局对象window里面执行，因为window对象里面没有bibi这个属性，所以输出undefined

而arrow里面的箭头函数是被一个普通函数给包住的，这个时候this会绑定到最近一层函数的this，也就是会绑定到arrow对象，如果没有被这个普通函数包住，则this还是会指向window

例子3：

可以看到草莓味、柠檬味后面并没有展示（苏打水）三个字 ，而且this指向了window。第一个this的指向是正确的，因为是在adding函数里面执行，而第二个this想要改变指向则需要用到call、bind、apply方法。

 如果用箭头函数就方便很多

总结：

	语法格式	new和原型	arguments	this指向	call、apply、bind
普通函数	function() 函数声明 函数表达式	有	有	动态	可以修改this
箭头函数	() => {} 函数表达式	没有	没有 但可调用外围的	一般是全局 被普通函数包围时指向上一层	不可以修改this