2、解构赋值

解构赋值:

非常有用,特别是在做数据交互 ajax        

左右两端格式要保持一致

<script>
let [a,b,c] = [12,5,6];  //let [a,[b,c]] = [12,[5,6]];
  console.log(a,b,c);
</script>

json解构赋值

<script>
let json = {
    name:"strive',
    age:52,
job:'teacher'
};
let {name,age,job} = json//let {name,age,job:a} = json;相当于取别名

console.log(name,age,job) //console.log(name,age,a);
</script>

可以给定默认值在后台传来的数据没有时

<script>
let[a,b,c='暂无数据'] = ['aa','bb'];
console.log(a,b,c);
交换两个数的位置
let c =12;
let d = 5;
[c,d] = [d,c];//利用数组有序的特点
console.log(c,d);
</script>

解构赋值的应用
<script>
function getpos(){
//xxxx
return {
top:10,
left:20
}
}
let {left,top:t} = getpos();
console.log(left,t);
</script>
传参
<script>
function show(a,b="默认"){
console.log(a,b);
}
show({a:10})
</script>




 
 

猜你喜欢

转载自blog.csdn.net/memedadexixaofeifei/article/details/79457392