2022-08-01 JavaScript常用的几种继承 JavaScript 前端 原型链继承function SuperType() { this.property = true; } SuperType.prototype.getSuperValue = function () {
2022-05-30 Axios源码学习 JavaScript 前端 axios 中统一的封装了如下的问题 支持浏览器请求 XMLHttpRequests 请求 支持 node 中的 http 模块的请求 http 请求 支持 Promise API 可以拦截请求和响应 转换 request 和 respon
2022-05-30 Proxy构造函数 JavaScript 前端 使用 Proxy 结合观察者模式,模拟一个实现一个简单的双向绑定<input type="text" id="input" /> <div id="container"></div> // console.log(ret
2021-06-06 JavaScript设计模式 -- 4.迭代器模式 JavaScript设计模式 前端 定义 迭代器模式无非就是循环访问聚合对象中的各个元素 迭代器又分内部迭代器和外部迭代器在 js 中,就已经有对应的实现。 内部迭代器如, Array.prototype.forEach(callback(currentValue [, i
2021-06-06 JavaScript设计模式 -- 5.发布订阅模式 JavaScript设计模式 前端 定义 发布订阅模式又叫观察者模式。它定义对象间的一对多的依赖关系,当一个对象的状态发生变化时,所有订阅它的对象都将收到通知。js 中我们一般用事件模型来代替传统的观察者 应用场景观察者模式在实际中有很多的应用场景,比如: 房产中介发的看
2021-06-06 JavaScript设计模式 -- 6.命令模式 JavaScript设计模式 前端 定义 命令模式中的命令(command)指的是一个执行某些特定事情的指令 应用场景有时候需要向某些对象发送请求,但是并不知道请求的接收者是谁,也不知道被请求的操作是什么。此时希望用一种松耦合的方式来设计程序,使得发送者和请求接收者能够消除
2021-06-06 JavaScript设计模式 -- 7.组合模式 JavaScript设计模式 前端 定义 用小的对象来构建更大的对象,而这些小的对象本身也可能是有更小的对象构成。 用途 组合模式将对象组合成树形结构,以表示 部分-整体的层次结构。此外还可通过对象的多态性表现,使得用户对单个对象和组合对象的使用具有一致性。如下: 在命
2021-06-06 JavaScript设计模式 -- 8.模板方法模式 JavaScript设计模式 前端 定义 模板方式是一种只需要继承就可以实现的简单的模式 模板由两个部分结构组成,第一个是抽象类,第二部分是具体的实现子类。通常在抽象父类中封装了子类的算法框架,包括实现一些公共方法以及封装子类中所有方法的执行顺序。子类通过继承这个抽象父类,