js对象中函数的几种写法

<script>
// 写法1
var dog = {
   
    sayHello() {
        console.log(this);
    }
};

//写法2

var cat={
      sayHello:function(){
      console.log(this)   
    }
}


//写法3

var person = {
   
    sayHello:()=> {
        console.log(this);
    }
};
 
dog.sayHello();
cat.sayHello();
person.sayHello();


</script>

 写法1是写法2的简写，是es6里面一种更简短的写法，把方法名直接赋值给函数的简写方式

通过输出的控制台可以发现:                                                                                                   写法3里面使用了箭头函数，箭头函数的的this指向的当前执行环境，箭头函数没有自己的this的值,所以就去外部找，它的this继承外围的作用域.