关于this 的问题

Question

        <div id="father">            <div id="son"></div>        </div>        <script src="jquery-1.11.3.js"></script>        <script>            $(function(){                $("#son").fadeOut(3000,function(){this.remove()});            });        </script>如上的简单代码，页面加载完，#son在3秒内淡出页面，然后从dom树删除。上面的方法可以实现。但是当我把fadeOut中的回调函数改成箭头函数，如下：            $(function(){                $("#son").fadeOut(3000,()=>this.remove());            });这样就无法删除了，this指向了window。请教是为什么？？不应该是第一种方法中的this指向window吗？？谢谢

Answer 1

函数中的this是在函数被调用时生成的，是传递给函数的一个隐式变量，指向函数的上下文。所以this的指向跟函数的调用方法有关，当函数作为对象的方法调用时，this指向的是这个方法的对象。
You can't use 'macro parameter character #' in math mode("#son")对象调用了这个方法，所以回调函数中this就指向$("#son");
在ES6语法规定箭头函数不再绑定this，所以箭头函数中this始终指向window。