es6总结(二)

2018-06-24 01:34:55来源:未知 阅读 ()

新老客户大回馈,云服务器低至5折

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

 

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:基于create-react-app的再配置

下一篇:js地址多选实现,居住地,户口,职业,行业多选2