ES6新特征数字、数组、字符串
fareise 人气:0一、let和const
let:声明变量,只在声明的块级作用域(大括号)内起作用[注意:let不向var那样可以自动提升]
如果一个区块内存在let或const命令,该区块就被解析成封闭作用域(暂时性死区,必须先声明再使用) [所以一个区块内只要有let,就可能存在死区,就可能会出现变量声明使用顺序的错误]
let为JavaScript增加了块级作用域
ES6中在块级作用域声明的函数不能在外部被引用,但在ES5中可以(ES5中的函数声明可以提升到全局作用域或函数作用域头部,ES6中不行,但是ES6位了避免对老代码的冲击放开了新的规定)
const声明值不能被改变的常量
const声明对象的时候指向的是地址而不是具体数据,所以不可变的是地址
let、class、const在全局声明的变量不再是全局变量,不再挂载到window对象上
二、变量的解构赋值
解构赋值:模式匹配,左右两侧通过数组的模式匹配复制,不需要一个个赋值了,如:
var [a, b, c] = [1, 2, 3] [这种事数组解构,按位置赋值]
还可以对象解构,没有次序要求,按照变量名赋值:
var {bar, foo} = {foo: “aaa”, bar: “bob”};
字符串解构:const [a, b, c, d, e] = ‘hello';
三、字符串的扩展
\uxxxx表示一个字符,后加字符的四位码点
codePointAt:正确处理4个字节储存的字符
String.fromCharCode():将码点返回成对应的字符串
for…of可以遍历字符串 比如for(let a of “hello”){console.log(a);} 打印出hello各个字母
类似indexOf()的方法:includes()是否找到参数字符串;startsWith/endsWith是否在字符串头/尾部
repeat():将原字符串复制n次返回新字符串 ‘x'.repeat(3) //xxx
模版字符串:使用反引号
字符串中可以使用正则表达式的方法:match()/replace()/search()/split()
可以为正则表达式添加u字符,用来处理中文等
四、数值的扩展
0b开头二进制;0o开头八进制
Number.isNaN()/Number.inFinite() 检测一个数是否是NaN/有限值,只对数值有效
Number.isInteger() 判断是否是整数
Math.trunc() 去除一个数的小数部分;Math.sign() 判断一个数是正数、负数、零
Math.cbrt() 计算一个数的立方根;Math.hypot() 求所有参数的平方和的平方根
五、数组的扩展
Array.from():将类数组对象转换成数组,还可以传入第二个参数,作用类似map,对每个元素操作
ES6中:var arr = Array.from(arrayLike);
ES5中:var arr = [].slice.call(arrayLike);
Array.of():将一组值转换为数组
find()方法:找到第一个符合条件的数组成员,参数是一个回调函数,每个成员都执行一次回调函数
[1, 5, 10, 15].find(function(value, index, arr) { //当前值、索引、原数组 return value > 9; })
fill()方法:用来填充一个数组,fill(value, start, end),表示从start开始end截止使用value填充
ES6规定数组中空位的值是undefined,注意不是这个位置是undefined而事这个位置的值的undefined
以上所述是小编给大家介绍ES6新特征数字、数组、字符串,希望对大家有帮助,如果大家有任何疑问欢迎给我留言,小编会及时回复大家的。
加载全部内容