TT

摘要： 桥接模式 有一个需求，要对一个组件实现鼠标滑过特效，但组件内部有很多元素，每个元素滑过的特效可能有一定的共同点，此时我们可以将共同点抽象出来 例： function changeColor(dom, color, bg){ dom.style.color = color dom.style.back 阅读全文

摘要： 装饰者模式 当有很多元素，原有功能不能满足需求，需要添砖加瓦，可以采用装饰者模式 比如修改一个表单内所有input框的点击事件，为了不破坏原有onclick事件，同时添加新的onclick事件，需要先找到原来的功能部分，然后针对性的去修改或添加事件，为了避免麻烦，可以写一个装饰者去简化 const 阅读全文

摘要： 如下方法，由于参数太多，导致使用很麻烦，顺序也难以记忆 function doSomeThing(name, title, age, color, size, prize){} 所以我们可以采用对象的方式配置参数 /* name: name title: title age: age color: 阅读全文

摘要： 创建无法修改的静态变量 通过暴露一个取值器让外界可以访问到，但无法修改 const Conf = (function () { // 私有变量 const conf= { // 静态变量尽量大写 "MAX_NUM": 100, "MIN_NUM": 1, "COUNT": 1000 } return 阅读全文

摘要： 建造者模式 建造者模式主要是将构建层与表示层分离，一种模块化的思想，使单个模块可以高效灵活的复用，但这种拆分同样增加了一定复杂度 实例：招聘简历 创建一个人类的类 const Human = function(param){ this.skill = param && param.skill || 阅读全文

摘要： 简单工厂模式，又叫静态工厂模式，由一个工厂创建某一种对象的实例，主要用来创建同一种对象 对不同类的实例化 有一个需求，要创建登录提示框，登录的确认框，登录成功的提示框，因为逻辑不完全相同，所以我们写成三个类 const LoginAlter = function (text) { this.cont 阅读全文

摘要： 简介 在原型写法中，我们常用Object.create()和Object.setPrototypeOf()，记录一下自己的学习理解 Object.create() 创建一个对象，直接上代码 function SuperClass(name) { this.name = name this.color 阅读全文

摘要： JavaScript中是可以实现多态的 很好理解，直接上代码 function Add() { let args = arguments let len = args.length switch(len){ case 0: return 10 case 1: return 10 + args[0] 阅读全文

摘要： 类式继承 // 声明父类 function SuperClass() { this.superValue = true } // 为父类添加共有方法 SuperClass.prototype.getSuperValue = function () { return this.superValue } 阅读全文

摘要： prototype 函数的对象的原型，给其它对象提供共享属性，函数所独有的。 它的作用是：new对象的时候，告诉新创建的实例他的构造函数是谁，有哪些共享属性和方法 如下所示，t 中并没有 M，但是有 x 和 y，说明 M 没有共享，但是 x 和 y共享了 __proto__ __proto__，隐式 阅读全文