全部 HTML CSS JavaScript javascript高性能 javascript语言精粹 SASS UNI-APP 重学前端锋利的JQuery 高级web标准解决方案 Bootstrap4 Layui 实例 konva库 UIKit LESS TypeScript 前端基础建设与架构设计模式 JavaScript模式前端功能你不知道的JavaScript

分类：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); //true 使用这种...

1087 0 0

设计模式 JavaScript模式单例模式

第五章代码复用模式

木灵鱼儿 1年前 JavaScript模式

第五章代码复用模式

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

984 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.modul...

884 0 0

对象命名空间 JavaScript模式

第三章函数

木灵鱼儿 1年前 JavaScript模式

第三章函数

背景简介 JavaScript中函数有两个主要特点使其变得特殊：函数是“第一类对象”，更久之前也称之为“第一等公民” 函数可以提供作用域什么是第一类对象第一类对象（First-class object）这个名称可以追溯到1960年，原称为第一类公民（First-class citizen），简单点来总结来说，可以在该语言中做到其他元素都能进行的所有操作（你们能干的我也都能干），就可以称为一等公民。一等公民的概念在《计算机程序的构造和解释》书籍中提及，而我们JavaScript的一等公民的概念是因为Brendan Eich（布兰登·艾奇 - JS之父）在设计语言是借鉴了Sche...

999 0 0

函数第一类对象作用域

第二章字面量与构造函数

木灵鱼儿 1年前 JavaScript模式

第二章字面量与构造函数

前言 JavaScript中可以使用字面量的形式去声明对象，相比较使用构造函数去声明，更加准确且不容易出错，代码也更加简洁，这里讨论常见的类型中，为什么基于字面量的形式更加可取。对象字面量当我们考虑创建一个键-值对哈希表时（在其他语言被称为关联数组），我们可以从一个“空”对象开始，然后再根据需要向其添加所需要的内容，对于按需对象创建方式而言，对象字面量表示法是一种非常理想的选择方法。 var dog = {}; dog.name = "jingmao"; dog.getName = function() { return dog.name; } //删除和复写也非常简单明了...

980 0 0

构造函数字面量 new

第一章基本技巧

木灵鱼儿 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 n...

1071 0 0

注释全局变量 JavaScript模式

分类：JavaScript模式

第六章设计模式

第五章代码复用模式

第四章对象的创建

第三章函数

第二章字面量与构造函数

第一章基本技巧

最近评论

博客文章RSS订阅

博客评论RSS订阅

登录

分类：JavaScript模式

第六章 设计模式

第五章 代码复用模式

第四章 对象的创建

第三章 函数

第二章 字面量与构造函数

第一章 基本技巧

最近评论

博客文章RSS订阅

博客评论RSS订阅

第六章设计模式

第五章代码复用模式

第四章对象的创建

第三章函数

第二章字面量与构造函数

第一章基本技巧