普通函数与箭头函数的区别

1.普通函数与箭头函数

//普通函数
function fun() {
      return 100
    }
    console.log(fun());//100

//箭头函数
    const fun1 = () => 200
    console.log(fun1());//200

结论：
()中定义参数 如果只有一个参数 可以不写括号;
{}中写函数体，如果函数中只有一个返回值，可以不写return;

2.this的问题

let obj = {
      name: "xiaoliu",
      age: 1,
      sayName() {
        console.log(`ws${this.name}`);
        console.log("我是" + this.name);
       
        //普通函数
        setTimeout(function () {
          console.log("w1s1" + this.name);
        }, 500)  //得到w1s1
      
        //箭头函数
        setTimeout(() => {
          console.log("我是" + this.name);
        }, 500)//我是xiaoliu
      }
    }
    obj.sayName()

结论：
1.this的指向不同。
2.普通函数:谁调用这个函数，this指向谁。
3.箭头函数:在哪里定义函数，this指向谁。