胖箭头函数以及胖箭头函数的工作原理

Question

我在一次测验中看到了这个问题，一个很胖的箭头问题是如何工作的？下面的代码有什么不同，如果是为什么，如果不是为什么？

    var abc = function() {
        return {
          log : function() {
            console.log(this.val);
          }
        };
    }

    var def = function(){
        return{
          log : () => {
            console.log(this.val);
          }
        };
    }

Answer 1

胖箭头函数自动绑定到this。它有助于避免必须在that等其他变量中保存this代码。例如在深度嵌套的回调地狱中。它也更简洁。