ES6快速入门（二）

目录

5：新增字符串操作

5.1：模板字符串

5.2：repeat()

5.3：字符串补全长度()--str.padStart() str.padEnd()

5.4：包含某个字符串

（之前：indexOf ，正则）:includes(),startsWith(),endsWith()

6：函数新特性

6.1：参数默认值

6.2：引入rest参数

6.3：箭头函数

padStart()和padEnd()方法的使用

5：新增字符串操作

5.1：模板字符串：就是反引号的用法，定义比较长，复杂的字符串，可以插入变量，可以插入函数。

5.2：repeat()

console.log("abc".repeat(10));

5.3：字符串补全长度()

let str="hello"；
console.log(str.padStart(10));
console.log(str.padStart)

str.padStart()       str.padEnd()

padStart()和padEnd()方法的使用

用法（官方）：

　　padStart() 方法用另一个字符串填充当前字符串（重复，如果需要的话），以便产生的字符串达到给定的长度。填充从当前字符串的开始（左侧）应用的。padEnd() 填充从当前字符串的末尾（右侧）应用的。

　　理解：ES2017引入了字符创补全长度的功能。如果某个字符串不够指定长度，会在头部或者尾部补全。padStart() 用于头部补全，padEnd() 用于尾部补全。

语法：

　　str.padStart(targetLength [, padString])

　　 str.padEnd(targetLength [, padString])

参数：

targetLength

　　当前字符串需要补全的目标长度。如果这个数值小于当前字符串的长度，则返回当前字符串本身。

padString | 可选

　　补全字符串。如果字符串太长，使补全的字符串长度超过了目标长度，则只保留最左侧的部分，其他部分会被截断。此参数的缺省值为“” （U+0020）。

返回值：

　　padStart()方法在原字符串开头补全指定的补全字符串，直到目标长度所形成的新字符串。

　　padEnd()方法在原字符串末尾补全指定的补全字符串，直到目标长度所形成的新字符串。

5.4：包含某个字符串（之前：indexOf  ，正则）：

        ES6为字符串扩展了几个新的API：

• includes()：返回布尔值，表示是否找到了参数字符串。
• startsWith()：返回布尔值，表示参数字符串是否在原字符串的头部。
• endsWith()：返回布尔值，表示参数字符串是否在原字符串的尾部。

6：函数新特性

6.1：参数默认值

function sum(a , b = 1) {// 如果b值未传入则会使用默认值
    return a + b;
}
console.log(sum(1));

6.2：引入rest参数：

ES6 引入 rest 参数（形式为...变量名），用于获取函数的多余参数，这样就不需要使用arguments对象了。

rest 参数搭配的变量是一个数组，该变量将多余的参数放入数组中。

function add(...values) {
  let sum = 0;
 
  for (var val of values) {
    sum += val;
  }
 
  return sum;
}
 
add(2,2,2)//6

上面代码的add函数是一个求和函数，利用 rest 参数，可以向该函数传入任意数目的参数。

下面是一个rest参数代替arguments变量的例子。

上面代码的两种写法，比较后可以发现，rest参数的写法更自然也更简洁。

arguments对象不是数组，而是一个类似数组的对象。所以为了使用数组的方法，必须使用Array.prototype.slice.call先将其转为数组。rest参数就不存在这个问题，它就是一个真正的数组，数组特有的方法都可以使用。下面是一个利用rest参数改写数组push方法的例子。

注意,rest参数之后不能再有其他参数(即只能是最后一个参数)，否则会报错

函数的length属性，不包括rest参数。

6.3：箭头函数(简写的两个例子)

var sum = function(a, b) {
         return a + b;
    }
     let sum = (a, b) => a + b

    var six = function(n) {
         return n ** 6;
     }
     let six = n => n**6