ECMAScript 6

1，新增了常用字符串函数

var s = 'hello'
s.startsWith('he')  // true，表示源字符串是否以参数字符串开始
s.endsWith('llo')   // true，表示源字符串是否以参数字符串结束
s.includes('el')    // true，表示源字符串是否包含参数字符串
s.repeat(3)         // 返回'hellohellohello'，将源字符串重复3次

2，采用模板字符串简化字符串拼接

var firstName = 'jet'
var lastName = 'li'

var sentence = `my firstName is ${firstName}, and my lastName is ${lastName}`

// 还可以在 ${} 中使用表达式和调用函数
${x-y}
${minus(x, y)}

3，数值的扩展

• Number.isNaN - 判断参数是否是NAN
• Number.isInteger(5.0) - 判断参数的值是否是整数，这里 5.0 返回 true

4，函数的扩展

（1）给函数参数指定默认值

function minus(x, y = 2) { return x - y }
minus(5)  // 返回 3

（2）使用 Rest 语法处理可变参数的函数

function add(...values) {
    var r = 0
    for(let n of values) {
        r += n
    }
    return r
}
add(1,2,3)    // 返回 6

（3）使用箭头函数简化定义

注：箭头函数内部的 this 对象，指向定义时外部环境的 this 对象

// es5
[1,2,3].map(function(x){ return x + 1 })

// es6
[1,2,3].map(x => x +1)

5，对象的扩展

// es5 属性和函数的定义
var p = 1
var o = {
    p: p,
    f: function(){}
}

// es6 简化代码
var p = 1
var o = {
    p,
    ['a' + p]: 2,   // 属性名为 a1
    f(){}
}

6，解构赋值简化代码

es6 允许按照一定模式，从数据结构中提取值，对变量进行赋值，整个过程被称为解构。

var o = { firstName: 'jet', lastName: 'li' }
var { firstName, lastName } = o  // firstName 为 jet, lastName 为 li
var { lastName, firstName } = o // firstName 为 jet, lastName 为 li
var { middleName } = o          // middleName 为 undefined

// 允许属性自定义
var { firstName: familyName } = o  // familyName 为 jet