ES6语法1

ES6语法

1.let    

作用域仅限于块作用域，就是两个{}之间，超出则报错,而且不能重复定义。

2.const   

申明一个常量，常量名全部大写。如果作为引用，引用地址不能变，且定义时就必须赋值。同java中final

3.解构赋值

①.数组赋值
let a,b,c;
[a,b,...c]=[1,2,2,3,4,1]; //a赋值为1，b赋值为2,...c表示用c数组截取后面所有数值
[a,b,c]=[1,2]     //如果不配对，c为undifined
[a,,,,b]=[1,2,3,4,5,6]    //a为1，b为5
[a,b,c=3]=[1,2]     //c取默认值c
②.对象赋值
let a,b;
let o={a:"ab",b:'bc'}
{a,b}=o //a赋值为ab，b赋值为bc
let obj={
name:"hkj",
test:[{name:"hukaijing"},{age:"20"}]
};
let {name:name1,test:[{name:name2}]}=obj; //对象赋值必须一一对应
alert(name1);
alert(name2);
③方法赋值
function fun(){
return [1,2,3];
}
let a,b,c;
[a,b,c]=fun();

4.正则

es5写法：
let reg=new RegExp("/xyz/",'i');
let reg=new RegExp("/xyz/i");
es6新增功能：
let reg=new RegExp("/xyz/ig","i");    //后面传入的i修饰符覆盖前面的ig修饰符
新增y修饰符
let a="aa_bb_a";
let reg1=/a+/g;
console.log(reg1.exec(a)); 输出aa
console.log(reg1.exec(a)); 输出a
let reg2=/a+/y;
console.log(reg2.exec(a)); 输出aa
console.log(reg2.exec(a)); 输出null
新增u修饰符   //识别大于两个字节的字符
es5中'.'可以匹配所有字符，其实仅限两个字符以下的字符，当大与两个字节的字符时无法识别
let obj=""; //传说中的乱码就是大于两个字节
let reg=/^.$/u;
console.log(reg.test(obj));   //false
console.log(reg.test(obj));   //true

5.字符串新增

let str="hkj123";
alert(str.includes("kj"))      //判断是否包含字符
alert(str.startsWith('hkj'))     //判断是否为开头
alert(str.endsWith("123")) //判断结束字符
alert(str.repeat("2")) //返回hkj123hkj123,对字符串进行复制，传入参数控制复制次数
字符串填充 //按传入字符填充到末端或首端，直到指定长度，无字符串则用空格代替
let a="3.14";
let b=a.padStart(6,"0") //返回003.14
let c=a.padEnd(6,"0") //返回3.1400


模板字符串拼接 ``符号之间的字符将原封不动的按原来位置输出包括换行
let str1="aa";
let str2="bb";
let str=`aa ${aa} , ${bb}`;  //str为"aa aa , bb"跟+字符串连接不同，精确安照字符串位置排列.
let user={
name:'hkj',
age:"20"
}
let a=`${user.name}+${user.age}`;
alert(a);     //输出"hkj+20"
标签模板
①let user={
name:'hkj',
age:"20"
}
var a=fun`i am${user.name}${user.age}`;
function fun(s,v1,v2){
alert(s+v1+v2);   //输出i am,,hkj20
//a中$参数用，替换就是s
}
②let user={
name:'hkj',
age:"20"
}
alert(fun`i am${user.name}${user.age}`); //输出s,,
function fun(s,v1,v2){
return s;
}