第四节 箭头函数的传参

原始方法

function show(x){
  return x;
}

箭头函数

<script>
  /* 箭头函数 
   参数只有一个可以不用小括号，输出语句只有一行可以不用大括号
    */
         var go=x=>x;   
         var test=z=>console.log(z)
         var getInfo=(x,y)=>{
             console.log(x)
             console.log(x+y)    //多个函数的时候要用原始的方法
         }
         console.log(go(10))  //10
         test(20)     //20
  </script>

箭头函数的好处

this指向当前正在执行的属性
解决了函数内部this关键字的指向问题
当函数直接调用时，this指向window

<div id="test">hello world</div>
<script>
       var test=document.getElementById("test")  ;
        test.onclick=function(){
            setTimeout(()=>{ 
                console.log(this)    //div
            },300)     
        }  
       /*  test.onclick=function(){
           console.log(this)   //div
            go()
         }
        function go(){
            console.log(this)    //window
        }  */
       // test.onclick=go;
  </script>