ES6

项目中编写需要两个js文件:
traceur.js
bootstrap.js

我就来列举几个具体怎么写ES6语法的方法:

一、声明变量的方法
1、let a=12;
{}代码块 块级作用域
if,for,while
1、let只有在块级作用域里面生效
2、不允许重复声明
用途 :配合块级作用域可以当自执行匿名函数来用(封闭空间)

2、const a=12;
定义常量
1)一经赋值不可再修改。
2)必须要给初始值。

二、模板引擎(字符串拼接)
用``
在字符串拼接的时候 '+str+' -> ${str}

三、结构赋值
[a,b,c] = [12,5,8];
{a,b,c} = {a:12,b:5,c:8};

四、复制数组
1、循环数组
2、Array.from(arr);
3、[...arr]

     function show(...args){
        args.push(5);
        console.log(args);
     }
     show(1,2,3,4)

五、循环
for-of
感觉类似for-in 数组能用,json不能用
for in 数组的时候 var i 是下标
for of ->map key value

六、map
是一个对象,也是已key,value的形式存在的对象

如何声明一个map
var map=new Map();

设置map
map.set(name,value);
获取
map.get(name);
删除
map.delete(name);

七、箭头函数

function show(){
    alert(1);
}

var show=()=>{
    alert(1);
}
show()
-------------------
function show(a,b){
    alert(a+b)
}

var show=(a,b)=>{
    alert(a+b);
}
show(2,3)

var show=()=>{
    return 1
}
var a=show();
alert(a);

var show=(a,b)=>a+b;
var s=show(1,2);
alert(s);

var arr=[3,41,1,2,6];
arr.sort((a,b)=>a-b);
alert(arr);

注意:
1、this有问题,指向的是window
2、arguments不能用

你可能感兴趣的:(ES6)