一个ES6语法的疑惑

Question

最近在写React，在定义一个class的方法时，看到了如下fun1和fun2这两种写法，用起来都没有问题。看了下阮大师的入门指南，发现都是fun1这种写法，那么这两种写法有啥区别呢？

class MyClass {
    name = 1;

    fun1() {        console.log(this.name);
    }
    fun2 = () => {        console.log(this.name);
    }
}

Answer 1

react文档读了吗？图中链接在此

Answer 2

第一种写法没有绑定this，第二种绑定了this；如果没经过babel转化，浏览器里面定义class时不能用第二种写法，会报错Uncaught SyntaxError，