ES6笔记（二）

最新推荐文章于 2024-09-04 23:27:20 发布

weixin_30270561

最新推荐文章于 2024-09-04 23:27:20 发布

阅读量51

点赞数

原文链接：http://www.cnblogs.com/wnn07/p/10303904.html

版权

一、字符串的扩展
1. 用于从码点返回到对应字符。
　String.fromCodePoint(xx)
2. for...of可以遍历字符串
3. includes()：返回布尔值，表示是否找到了参数字符串。
startsWith()：返回布尔值，表示参数字符串是否在原字符串的头部。
endsWith()：返回布尔值，表示参数字符串是否在原字符串的尾部。
（第一个参数：要搜索的目标字符，第二个参数：开始搜索的位置）
（endsWith的行为与其他两个方法有所不同。它针对前n个字符，而其他两个方法针对从第n个位置直到字符串结束。）
4. repeat( n) n:字符串重复的次数，0--1取0，小于0报错，大于1四舍五入
5. padStart()用于头部补全，padEnd()用于尾部补全。
padStart()和padEnd()一共接受两个参数，第一个参数是字符串补全生效的最大长度，第二个参数是用来补全的字符串。
（如果原字符串的长度，等于或大于最大长度，则字符串补全不生效，返回原字符串。）
（如果用来补全的字符串与原字符串，两者的长度之和超过了最大长度，则会截去超出位数的补全字符串。）
（如果省略第二个参数，默认使用空格补全长度。）
另一个用途是提示字符串格式。例子：
（'12'.padStart(10, 'YYYY-MM-DD') // "YYYY-MM-12"
'09-12'.padStart(10, 'YYYY-MM-DD') // "YYYY-09-12"）

二、正则的扩展
1. 字符串对象有4个方法：match()、replace()、search()和split()。
2. 修饰符增加：i/g/S/y/u

三、数值的扩展
1. Number.isFinite()用来检查一个数值是否为有限的（finite）
（注意：如果参数类型不是数值，Number.isFinite一律返回false。）
Number.isNaN()用来检查一个值是否为NaN。
（注意：如果参数类型不是NaN，Number.isNaN一律返回false。）
2. ES6 将全局方法parseInt()和parseFloat()，移植到Number对象上面。
3. Number.isInteger() 判断是否是整数。（25 和 25.0 被视为同一个值。）
4. Math.trunc() 去除一个数的小数部分
Math.sign() 判断一个数到底是正数、负数、还是零,对于非数值，会先将其转换为数值。
(参数：正数--->+1;负数--->-1;0--->0;-0--->-0;其他值，返回NaN)
Math.cbrt方法用于计算一个数的立方根。
Math.clz32()方法将参数转为 32 位无符号整数的形式，然后这个 32 位值里面有多少个前导 0。
Math.fround方法返回一个数的32位单精度浮点数形式。
Math.hypot方法返回所有参数的平方和的平方根。
5. 指数运算符（**）
(例子：a **= 3; // 等同于 a = a * a* a；)

四、函数的扩展
1. rest 参数搭配的变量是一个数组，该变量将多余的参数放入数组中。
注意，rest 参数之后不能再有其他参数（即只能是最后一个参数），否则会报错。
（例子：
const headAndTail = (head, ...tail) => [head, tail];
headAndTail(1, 2, 3, 4, 5)
// [1,[2,3,4,5]]）
2. 注意：箭头函数有几个使用注意点。
（1）函数体内的this对象，就是定义时所在的对象，而不是使用时所在的对象。
（this对象的指向是可变的，但是在箭头函数中，它是固定的。）
（2）不可以当作构造函数，也就是说，不可以使用new命令，否则会抛出一个错误。
（3）不可以使用arguments对象，该对象在函数体内不存在。如果要用，可以用 rest 参数代替。
（4）不可以使用yield命令，因此箭头函数不能用作 Generator 函数。
3. setInterval和setTImeout中的this指向window,使用3种方法可以改变this指向，指向obj
(1).var that = this;//将this存为一个变量that，此时的this指向obj
(2).setTImeout(function(){.........this.num1}.bind(this),1000);//这里的this 指向obj
(3).箭头函数；setTImeout(()=>{.......this.num1},1000)； //箭头函数的this指向外层调用者，obj