ES6-解构赋值

一. 解构

1. 对象解构

1.1 同名变量解构

代码如下:

1
2
3
4
5
6
7
let node = {
type: 'DOM',
name: 'document object model'
};
let {type, name} = node;
console.log(type) // 'DOM';
console.log(name) // 'document object model'

这样,就把 node.type 中的值( ‘DOM’ )存储到了变量 type 中,把 node.name 中的值(’document object model’)存储到了变量 name 中。

观察者模式 -- 发布订阅模式

  • 观察者模式 : 一个对象(称为 subject )维持一系列依赖于它( 观察者 )的对象,将有关状态的任何变动自动通知给他们,来通过代码实现一个现实生活中的例子 : 听到孩子哭了,他爸去喂奶,她妈跑路 的例子,
    整个过程而言,首先,孩子要哭,哭了之后,她爸妈都听见,听见之后,她爸妈做出不同的反应.这种反应就是 : 他爸去喂奶,她妈跑路