观察者模式
又称 发布/订阅模式
这个名字主要通过实现思路的不同取不同的名字
目的: 让观察者 看着 被观察者,只要数据改变就会让观察者做一些事情
定义对象间的一种一对多的依赖关系,当一个对象的状态发生改变时,所有依赖于它的对象都得到通知并被自动更新
优点: 1、观察者和被观察者是抽象耦合的。
2、建立一套触发机制。
缺点: 1、如果一个被观察者对象有很多的直接和间接的观察者的话,将所有的观察者都通知到会花费很多时间。
2、如果在观察者和观察目标之间有循环依赖的话,观察目标会触发它们之间进行循环调用,可能导致系统崩溃。
3、观察者模式没有相应的机制让观察者知道所观察的目标对象是怎么发生变化的,而仅仅只是知道观察目标发生了变化。
模块化
通过模块化语法引入js文件,这个js文件会执行一次
js 希望另一个引入我的文件,能使用我导出的变量,使用导出语法
导出一个
export default a;
HTML接受 : import aaa from './01.js';
此时 接受的变量名可以随意命名
导出多个
import {变量名1,变量名2} from './021.js'
此时 变量名必须是021.js文件中导出的变量名,不能任意命名
重命名
如果要重命名可以写成
import {变量名1 as 新的变量名1} from './021.js'
// 01 通过export default导出的变量
// import aaa from './01.js'
// 02 通过export 导出的变量
// import * as obj from './022.js'
// import {a,b} from './022.js'
// 03 同时导入export default导出的变量和export 导出的变量
import bbb,{b,func} from './03.js'
console.log(bbb,b,func)
as 的用法
export 命令导出的接口名称,须和模块内部的变量有一一对应关系。
导入的变量名,须和导出的接口名称相同,即顺序可以不一致。
不同模块导出接口名称命名重复, 使用 as 重新定义变量名。