其他分享
首页 > 其他分享> > es6总结(二)

es6总结(二)

作者:互联网

原文链接:https://www.mk2048.com/blog/blog.php?id=h0jibihkihaa&title=es6%E6%80%BB%E7%BB%93%EF%BC%88%E4%BA%8C%EF%BC%89

1.es6三种声明方式:  

  a.var     全局声明

  b.let      局部变量声明  

  c.const       常量声明

2.变量的解构赋值

  a.数组的解构赋值

    等号左边与右边形式统一  let [a,[b,c],d]=[1,[2,3],4]; 

    可以使用默认值 let [a,b="paradise"]=['追逐者'] console.log(a b); 

      ps:undefined表示没有值  null有值值为null

  b.对象的解构赋值   

1 let {head,foot} = {head:'paradise',foot:'追逐者'};
2 console.log(head foot);

  变量必须与变量名相同

  c.如果变量之前已经定义,应用圆括号

1 let foot;
2 ({foo} ={foot:'追逐者'});
3 console.log(foot);

  d.字符串解构(和数组类似)

1 const [a,b,c,d,e,f,g,h]="Paradise";
2 console.log(a);
3 console.log(b);
4 console.log(c);
5 console.log(d);
6 console.log(e);
7 console.log(f);
8 console.log(g);
9 console.log(h);

3.扩展运算符和rest运算符

  解决参数和对象数组未知情况下编程

  a.对象扩展运算符(...)

function paradise(...aaa){
    console.log(aaa[0]);
    console.log(aaa[1]);
    console.log(aaa[2]);
    console.log(aaa[3]);
 
}
paradise(1,2,3,4);

    这样可以传入n个输入,而不报错

let arr1=['aaa','bbb','ccc'];
//let arr2=arr1;
let arr2=[...arr1];
console.log(arr2);
arr2.push('ddd');
console.log(arr2);
console.log(arr1);

    解决引用问题(直接引用时,改变arr2的同时,arr1也会改变)

   b.rest运算符(...)

1 function paradise(first,...arg){
2     for(let val of arg){
3         console.log(val);
4     }
5 }
6  
7 paradise(0,1,2,3,4,5,6,7); //输出7

 


更多专业前端知识,请上【猿2048】www.mk2048.com

标签:总结,es6,console,log,let,paradise,foot,aaa
来源: https://blog.csdn.net/mabeizui9231/article/details/102747629