标签 JavaScript模式下的文章

木灵鱼儿 1天前 JavaScript设计模式与开发实践

JavaScript 策略模式

前言策略模式常常用于解耦代码中的多种方案实现，比如表单校验，我们将校验的规则解耦出来，封装成一个个策略，然后在需要使用的dom上，使用这些策略，从而省去在具体的校验函数中一大堆if else的判断，当然也许不是if else。再举个例子，比如代码的压缩方式，我们可以使用gzip，或者br的方式，或者其他，他们都是为了达到压缩目的，又是多种方案可选的形式。使用策略模式计算奖金很多公司的年终奖是根据员工的工资基数和年底绩效情况来发放的。例如，绩效为 S 的人年终奖有 4 倍工资，绩效为 A 的人年终奖有 3 倍工资，而绩效为 B 的人年终奖是 2 倍工资。假设财务部要求我们提供一段代码，来方...

48 0 0

JavaScript模式一等公民策略模式

JavaScript 单例模式

木灵鱼儿 1天前 JavaScript设计模式与开发实践

JavaScript 单例模式

前言单例模式在强类型语言中常常是使用一个类来实现，哪怕在ts中，常见的单例示例也是使用class来实现，但是事实上在js中，不一定非得要用类来实现，我们不应该将实现方式看的太死板，使用class也只是手段的一种，在js中我们有很多种方式达到相同的效果。单例模式的定义是：保证一个类仅有一个实例，并提供一个访问它的全局访问点。拙劣的模仿在强类型语言中，会给类一个getInstance的方法用于获取实例对象，在js中我们也可以这么写：function User(name) { this.name = name; this.instance = null; } User.prototy...

34 0 0

JavaScript模式单例模式泛用型

第六章设计模式

木灵鱼儿 1年前 JavaScript模式

第六章设计模式

本章比较水，就写一个js实现的单例模式吧单例模式function Test() { //有缓存了直接抛出缓存 if (typeof Test.instance === "object") { return Test.instance; } //其他逻辑代码 ... //缓存并抛出 Test.instance = this; return this; } var a = new Test(); var b = new Test(); console.log(a === b); //t...

1440 0 0

设计模式 JavaScript模式单例模式

第五章代码复用模式

木灵鱼儿 1年前 JavaScript模式

第五章代码复用模式

代码复用是一个既重要又有趣的话题。如果你面对自己或者别人已经写好的代码，而这些代码又是经过测试的、可维护的、可扩展的、有文档的，这时候你只想写尽量少且可以被复用的代码就是一个再自然不过的想法。当我们说代码复用的时候，第一件想到方式就是继承，为此你可能看到JavaScript很多方式用于实现“继承”。什么是类？如果有一个过程，这个过程能产生一个实例，实例是对象，那这个过程就是类。JavaScript是基于原型面向对象程序设计的，那么它的继承方式也是基于原型实现的，而JavaScript是没有类的，只有构造函数，且支持new用法，所以看上去就和类的用法相似，但是本质还是一个函数，而继承也是一...

1396 0 0

prototype 混入 JavaScript模式

第四章对象的创建

木灵鱼儿 1年前 JavaScript模式

第四章对象的创建

命名空间在ESM模块化还未出来之前，用于减少全局变量名污染的一种做法就是使用命名空间，其做法也非常简单，就是创建一个全局的变量，然后将内容都赋值给这个变量，从而减少对全局变量的使用。//创建命名空间 var MYAPP = {}; //构造函数 MYAPP.Parent = function(){}; MYAPP.Child = function(){}; // 一个变量 MYAPP.some_var =1; // 一个对象容器 MYAPP.modules ={}; // 嵌套的对象 MYAPP.modules.module1 ={}; MYAPP.modules.module1...

1301 0 0

对象命名空间 JavaScript模式

第一章基本技巧

木灵鱼儿 1年前 JavaScript模式

第一章基本技巧

尽量少用全局变量全局变量污染是一个老生常谈的问题，在es5时代常见的做法就是使用函数作用域隔离，es6时const、let出现，我们还可以直接在块级作用域中声明。相对于使用，我们通过一些代码来回顾一下全局变量污染所带来的问题。全局作用域中是存在this的，this就等于window，只是浏览器为了方便，用window来表示全局对象本身。function sum(x, y) { result = x + y; return result; } console.log(result); //Uncaught ReferenceError: result is not def...

1404 0 0

注释全局变量 JavaScript模式

标签：JavaScript模式

JavaScript 策略模式

JavaScript 单例模式

第六章设计模式

第五章代码复用模式

第四章对象的创建

第一章基本技巧

最近评论

博客文章RSS订阅

博客评论RSS订阅

登录

标签：JavaScript模式

JavaScript 策略模式

JavaScript 单例模式

第六章 设计模式

第五章 代码复用模式

第四章 对象的创建

第一章 基本技巧

最近评论

博客文章RSS订阅

博客评论RSS订阅

第六章设计模式

第五章代码复用模式

第四章对象的创建

第一章基本技巧