JS设计模式
设计模式解析
家威Geek
自信世上没有学不会的东西。只有需要和不需要学。
展开
-
发布订阅模式
简单的买鞋订阅例子 var shoeObj = {}; shoeObj.list = []; shoeObj.listen = function (key, fn) { if (!this.list[key]) { this.list[key] = []; } this.list[key].push(fn) } shoeObj.notify = function () { var key = Array.prototype.shift.call(argum原创 2020-10-13 16:08:08 · 4549 阅读 · 1 评论 -
单例模式
单例模式只会创建一个实例,且仅有一个实例,并提供一个访问它的全局访问点 代理单例 var CreateDiv=function(html){ this.html=html; this.init(); } CreateDiv.prototype.init=function(){ var div=document.createElement('div'); div.innerHTML=this.html; document.body.appendChild(原创 2020-10-13 16:02:25 · 339 阅读 · 0 评论 -
继承模式
模版方法模式,继承和重写父类方法 父类 var Interview = function () { } Interview.prototype.writtenTest = function () { console.log('我终于看到笔试题了。'); } Interview.prototype.technicalInterview = function () { console.log('我是技术负责人负责面试。'); } Interview.prototype.leader = f原创 2020-10-13 16:00:37 · 225 阅读 · 1 评论