参数默认值
// 默认参数一定是在形参列表的最后
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
)
推荐使用严格运算符 ===