第六节 回调函数，赋值函数，箭头函数，解构

封装ajax要了解默认赋值，回调函数，箭头函数

1.默认赋值

默认赋值：预先给函数的参数的一个值

<script>
   function go(type="get"){
           console.log(type)  
       }  
        go()  //不赋值的时候会输出get
       go("post")  //post
 </script>

2.回调函数

回调函数：就是将函数作为参数传递给另外一个函数
作用：可以获取函数内部的值

<script>
        function http(callback){
            var data={"name":"wangsiman",age:20}
            callback(data);
        }
        function handleData(res){
            console.log(res)
        }
        http(handleData);
</script>

3.箭头函数

<script>
        var a=function(x){
            console.log(x)
        }
        var a=x=>{  
            console.log(x)
        }
        var a=(x,y)=>{    //如果只传一个参数可以直接写 两个参数的话要用小括号括起来  (x,y)
            console.log(x)
        }
 </script>

4.解构

解构就是分解一个对象，等于号两边的key值一定是一样的，可以传一个或多个，顺序也可以随意

 <script>
        /* 解构 */
        var obj={name:"wangsiman",age:20,sex:"女"}
        var {name,age,sex}=obj;
        console.log(name)
        /* function http(url,type="get",callback){
            console.log(url);
            console.log(type)
            callback(data)
        } */
        function http({url,type="get",callback}){
            var data=20;
            console.log(url);
            console.log(type);
            callback(data)
        }
        http({
            url:"xxx",
            callback:handleData
        })
        function handleData(res){
            console.log(res)
        }
 </script>

5.json对象的简写

在es6中如果对象的属性名和值相同就可以简写
eg:name:name //可以写成name,

<script>
        var name="wangsiman";
        var age=18;
        var obj={
            name,   //name:name
            age,    
        }    
        console.log(obj)
 </script>