es6总结(二)
2018-06-24 01:34:55来源:未知 阅读 ()
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
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有
- jquery 操作iframe的几种方法总结 2020-02-22
- 高效的jQuery代码编写技巧总结 2020-02-15
- 详解Webstorm 新建.vue文件支持高亮vue语法和es6语法 2020-02-07
- 总结js常用数组的操作方法 2019-12-13
- 总结javascript进行数组追加的代码 2019-12-04
IDC资讯: 主机资讯 注册资讯 托管资讯 vps资讯 网站建设
网站运营: 建站经验 策划盈利 搜索优化 网站推广 免费资源
网络编程: Asp.Net编程 Asp编程 Php编程 Xml编程 Access Mssql Mysql 其它
服务器技术: Web服务器 Ftp服务器 Mail服务器 Dns服务器 安全防护
软件技巧: 其它软件 Word Excel Powerpoint Ghost Vista QQ空间 QQ FlashGet 迅雷
网页制作: FrontPages Dreamweaver Javascript css photoshop fireworks Flash