封装ajax要了解默认赋值,回调函数,箭头函数
1.默认赋值
默认赋值:预先给函数的参数的一个值
<script>
function go(type="get"){
console.log(type)
}
go() //不赋值的时候会输出get
go("post") //post
</script>
2.回调函数
回调函数:就是将函数作为参数传递给另外一个函数
作用:可以获取函数内部的值
<script>
function http(callback){
var data={"name":"wangyibo",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:"wangyibo",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="xiaomei";
var age=18;
var obj={
name, //name:name
age,
}
console.log(obj)
</script>