ES6简介
ES6是ECMAScript第六版,也叫ES2015
let新特性
- let 声明的变量只在 let 命令所在的代码块内有效
- let 只能声明一次 var 可以声明多次
- 不存在变量提升
- 不影响作用域 (通常与循环一起使用)
const
- const 声明一个只读的常量,一旦声明,常量的值就不能改变
- 声明必须赋初始值
- 标识符一般为大写
- 只能声明一次
- 块级作用域 。对象和数组修改不会触发const错误
结构赋值:是一种针对数组或者对象进行模式匹配,然后对其中的变量进行赋值
…剩余运算符 / 扩展运算符 , 通常写最后
<script type="text/javascript">
let[a=2]=[undefiend] //输出2
let[a=2]=[null] //输出null
</script>
字符串
- ES6 之前判断字符串是否包含子串,用 indexOf 方法,ES6 新增子串的识别方法
- includes():返回布尔值,判断是否找到参数字符串
- startsWith():返回布尔值,判断参数字符串是否在原字符串的头部
- endsWith():返回布尔值,判断参数字符串是否在原字符串的尾部
- startsWith与endsWith方法都可以接受两个参数,需要搜索的字符串,和可选的搜索起始位置索引(下标0)
- 不能写正则验证
共同点:都返回布尔值
字符串重复
- repeat():返回新的字符串,表示将字符串重复指定次数返回
- 如果参数是小数,向下取整
- 如果参数是 0 至 -1 之间小数,会进行取整, 0 至 -1 之间的小数取整得到 -0
- 如果参数是 NaN,等同于零次
- 如果参数是负数或 Infinity ,会报错
- 如果传入的参数是字符串,零次
- padStart(总长度,“字符串”):返回新字符串,表示用参数字符串从头部(左侧)补全原字符串。最开始往前加
- padEnd():返回新的字符串,表示用参数字符串从尾部(右侧)补全原字符串。最后面加
- 以上两个方法接受两个参数,第一个参数是指定生成的字符串的最小长度,第二个参数是用来补全的字符串。如果没有指定第二个参数,默认用空格填充。
模板字符串’ ’
用${名称} ,添加值的反式
<script type="text/javascript">
let str='6666${a}';
console.log(str);
</script>
标签字符串
<script type="text/javascript">
alert'hello'; //等同于alert(hello);一样,实现弹窗
</script>