ES6语法1
来源:互联网 发布:mac cad菜单栏不见了 编辑:程序博客网 时间:2024/06/01 20:21
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;
}
阅读全文
0 0
- ES6语法(1)
- es6语法学习-1
- ES6语法1
- ES6语法
- es6语法
- 1、React Native 中ES6语法解析
- ES6之Module的语法(1)
- [ES6语法1]let和const
- ES6语法篇(其一)
- ES6 语法大概内容
- ES6新语法概览
- ES6核心内容之语法
- ES6 参数默认值语法
- Gulp使用ES6语法
- ES6语法摘要一
- es6语法学习
- ES6语法摘要二
- ES6语法整理
- 好东西来了!2017云栖大会400+份重磅资料下载
- 橡皮筋类(CRectTracker )的使用方法
- [翻译中]【Scikit-Learn 中文文档】二十:流形学习
- 基于vue-cli快速构建
- Json.Net--Serialize a DataSet和Deserialize a DataSet
- ES6语法1
- UUID主键生成
- Java程序员从笨鸟到菜鸟全部博客目录
- windows 批量杀nginx进程
- ea之网站
- Android-仿支付宝的日期选择页
- 拷贝指定文件之外的所有文件到指定目录
- public static string a与sting a的区别
- Android 出现错误 java.lang.NoSuchMethodError:com.demo.main.MainActivity.getDrawable