1. function show(x){
  2. return x;
  3. }
  4. 参数只有一个可以不用小括号,输出语句只有一行可以不用大括号
  5. var go=x=>x;
  6. var test = z=>console.log(z);
  7. var getInfo=(x,y)=>{
  8. console.log(x);
  9. console.log(x+y)
  10. }
  11. console.log(go(10))
  12. test(20)

image.png

箭头函数的好处

解决了函数内部this关键字的指向问题
当函数直接调用时,this指向window

  1. div id="test">hello world</div>
  2. <script>
  3. var test = document.getElementById("test");
  4. test.onclick = function(){
  5. setTimeout(()=>{
  6. console.log(this)
  7. },300)
  8. }
  9. </script>

test1.gif