TT

摘要： 嵌套函数不会包含函数的this值！！！ 如果嵌套函数被当做方法调用，this就指向调用他的对象 若果嵌套函数被当做函数调用，this就指向全局对象或者undefined ES6之前，解决办法可以使用bind来改变其this指向 ES6之后，解决这个方法的一个技巧是使用箭头函数，箭头函数会继承外部的t 阅读全文

摘要： 数组 扩展操作符 ES6中可使用扩展操作符在一个数组字面量中包含另一个数组 let a = [1, 2, 3] let b = [0, ...a, 4] // [0, 1, 2, 3, 4] // 扩展操作符可用于任何可迭代对象 let digits = [..."adsadassfasfasfsf 阅读全文

摘要： 如果想终结并非最近的循环或switch，可以使用标签来控制 // 给外侧循环打标签后,在内侧循环使用continue或break也可以操作外侧循环 test1: for (let i = 0; i < 10; i++) { console.log(" ", i) for (let j = 0; j 阅读全文

摘要： ES6添加了一个新的循环语句:for/of for/of本质是对可迭代对象进行迭代操作 例： for(let element of data){ // data.push(sum) // 这样会创造一个无穷的循环，因为迭代永远不能触及最后一个数组 sum += element } 若对象不可迭代，则 阅读全文

摘要： 桥接模式 有一个需求，要对一个组件实现鼠标滑过特效，但组件内部有很多元素，每个元素滑过的特效可能有一定的共同点，此时我们可以将共同点抽象出来 例： 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 阅读全文