ECMAScript 2015（ES6）函数相关新特性（部分）

参数默认值

// 默认参数一定是在形参列表的最后
function foo (enable = true) {
  console.log('foo invoked - enable: ')
  console.log(enable)
}

foo(false)

注意：默认参数一定是在形参列表的最后

---

剩余参数

// 原始方式使用 'arguments'
// function foo () {
//   console.log(arguments)
// }

function foo (first, ...args) {
  console.log(args)
}

foo(1, 2, 3, 4)

注意：剩余参数只能使用一次，在形参列表的最后

---

展开数组参数

原始方法使用apply，第一个参数是this指向的调用者，第二个参数是数组

const arr = ['foo', 'bar', 'baz']
console.log.apply(console, arr)

es6 使用扩展运算符

const arr = ['foo', 'bar', 'baz']
console.log(...arr)

---

对象字面量

• 属性名与变量名相同，可以省略 : bar
• 对象内定义方法可以省略 : function 、 函数名
• 通过中括号[]让表达式的结果作为属性名 ( 计算属性名 )

const bar = '345'

const obj = {
  foo: 123,
  // bar: bar
  // 属性名与变量名相同，可以省略 : bar
  bar,
  // method1: function () {
  //   console.log('method111')
  // }
  // 方法可以省略 : function
  method1 () {
    console.log('method111')
    // 这种方法就是普通的函数，同样影响 this 指向。
    console.log(this)
  },
  // Math.random(): 123 // 不允许
  // 通过 [] 让表达式的结果作为属性名
  [bar]: 123
  [1 + 1]: 345
  [Math.random()]: 123
}
// 原始方式只能在对象定义后，在外部添加
// obj[Math.random()] = 123

console.log(obj)
obj.method1()

---

Object.assign 方法

 const source1 = {
   a: 123,
   b: 123
 }

 const source2 = {
   b: 789,
   d: 789
 }

 const target = {
   a: 456,
   c: 456
 }

 const result = Object.assign(target, source1, source2)

 console.log(target)
 console.log(result === target)

应用场景
保持函数中的属性值不被改变

function func (obj) {
  // obj.name = 'func obj'
  // console.log(obj)

  const funcObj = Object.assign({}, obj)
  funcObj.name = 'func obj'
  console.log(funcObj)
}

const obj = { name: 'global obj' }

func(obj)
console.log(obj)

---

Object.is

判断两个值是否相等

console.log(
   0 == false              // => true
   0 === false             // => false
   +0 === -0               // => true
   NaN === NaN             // => false
   Object.is(+0, -0)       // => false
   Object.is(NaN, NaN)     // => true
)

推荐使用严格运算符 ===