文章动态

JavaScript基础学习(一)

书写可维护的代码(Writing Maintainable Code )软件bug的修复是昂贵的，并且随着时间的推移，这些bug的成本也会增加，尤其当这些bug潜伏并慢慢出现在已经发布的软件中时。当你...

JavaScript基础学习(二)

函数表达式和函数声明在ECMAScript中，创建函数的最常用的两个方法是函数表达式和函数声明，两者期间的区别是有点晕，因为ECMA规范只明确了一点：函数声明必须带有标示符（Identifier）（就...

JavaScript基础学习(三)

简介Module模式是JavaScript编程中一个非常通用的模式，一般情况下，大家都知道基本用法，本文尝试着给大家更多该模式的高级使用方式。首先我们来看看Module模式的基本特征：模块化，可重用封...

JavaScript基础学习(四)

什么是自执行？在JavaScript里，任何function在执行的时候都会创建一个执行上下文，因为为function声明的变量和function有可能只在该function内部，这个上下文，在调用f...

JavaScript基础学习(五)

前言JavaScript 不包含传统的类继承模型，而是使用 prototypal 原型模型。虽然这经常被当作是 JavaScript 的缺点被提及，其实基于原型的继承模型比传统的类继承还要强大。实现传...

JavaScript基础学习SRP原则(六)

前言Bob大叔提出并发扬了S.O.L.I.D五大原则，用来更好地进行面向对象编程，五大原则分别是：The Single Responsibility Principle（单一职责SRP）The Ope...

JavaScript基础学习OCP原则(七)

前言本章我们要讲解的是S.O.L.I.D五大原则JavaScript语言实现的第2篇，开闭原则OCP（The Open/Closed Principle ）。开闭原则的描述是：Software ent...

JavaScript基础学习LSP原则(八)

前言本章我们要讲解的是S.O.L.I.D五大原则JavaScript语言实现的第3篇，里氏替换原则LSP（The Liskov Substitution Principle ）。开闭原则的描述是：Su...

JavaScript基础学习(九)

序列化与反序列化2个程序（或服务器、语言等）需要交互通信的时候，他们倾向于使用string字符串因为string在很多语言里解析的方式都差不多。复杂的数据结构经常需要用到，并且通过各种各样的中括号{}...

JavaScript基础学习(十)

对象ObjectECMAScript是一门高度抽象的面向对象(object-oriented)语言，用以处理Objects对象. 当然，也有基本类型，但是必要时，也需要转换成object对象来用。An...

JavaScript基础学习(十一)

定义每次当控制器转到ECMAScript可执行代码的时候，即会进入到一个执行上下文。执行上下文(简称-EC)是ECMA-262标准里的一个抽象概念，用于同可执行代码(executable code)概...

JavaScript基础学习(十二)

大多数ECMAScript程序员应该都知道变量与执行上下文有密切关系：var a = 10; // 全局上下文中的变量 (function () { var b = 20; // function上...

JavaScript基础学习(十三)

定义this是执行上下文中的一个属性：activeExecutionContext = { VO: {...}, this: thisValue};这里VO是我们前一章讨论的变量对象。this与上...

JavaScript基础学习(十四)

定义如果要简要的描述并展示其重点，那么作用域链大多数与内部函数相关。我们知道，ECMAScript 允许创建内部函数，我们甚至能从父函数中返回这些函数。var x = 10; function foo...

JavaScript基础学习(十五)

介绍本章节我们要着重介绍的是一个非常常见的ECMAScript对象——函数（function),我们将详细讲解一下各种类型的函数是如何影响上下文的变量对象以及每个函数的作用域链都包含什么，以及回答诸如...

JavaScript基础学习(十六)

介绍本章我们将介绍在JavaScript里大家经常来讨论的话题 —— 闭包（closure）。闭包其实大家都已经谈烂了。尽管如此，这里还是要试着从理论角度来讨论下闭包，看看ECMAScript中的闭包...

JavaScript基础学习(十七)

介绍在本篇文章，我们考虑在ECMAScript中的面向对象编程的各个方面（虽然以前在许多文章中已经讨论过这个话题）。我们将更多地从理论方面看这些问题。特别是，我们会考虑对象的创建算法，对象（包括基本...

JavaScript基础学习(十八)

介绍本章是关于ECMAScript面向对象实现的第2篇，第1篇我们讨论的是概论和CEMAScript的比较在概论里，我们延伸到了ECMAScript，现在，当我们知道它OOP实现时，我们再来准确定义一...

JavaScript基础学习(十九)

构造函数因此，正如我们上面提到的，在ECMAScript中的对象是通过所谓的构造函数来创建的。Constructor is a function that creates and initialize...

JavaScript基础学习(二十)

介绍本章，我们将讲解在ECMAScript向函数function传递参数的策略。计算机科学里对这种策略一般称为“evaluation strategy”（大叔注：有的人说翻译成求值策略，有的人翻译成赋...

JavaScript基础学习(二十一)

题目1if (!("a" in window)) { var a = 1;}alert(a);代码看起来是想说：如果window不包含属性a，就声明一个变量a，然后赋值为1。你可能认为alert...

JavaScript基础学习ISP原则(二十二)

前言本章我们要讲解的是S.O.L.I.D五大原则JavaScript语言实现的第4篇，接口隔离原则ISP（The Interface Segregation Principle）。接口隔离原则的描述是...

JavaScript基础学习DIP原则(二十三)

依赖倒置原则依赖倒置原则的描述是：A. High-level modules should not depend on low-level modules. Both should depend o...

JavaScript基础学习(二十四)

文档对象模型Document Object ModelDOM（Document Object Model，文档对象模型）是一个通过和JavaScript进行内容交互的API。Javascript和DO...

JavaScript基础学习(二十五)

介绍上一章我们介绍了JavaScript的基本内容和DOM对象的各个方面，包括如何访问node节点。本章我们将讲解如何通过DOM操作元素并且讨论浏览器事件模型。操作元素上一章节我们提到了DOM节点集合...

JavaScript基础学习单例模式(二十六)

介绍从本章开始，我们会逐步介绍在JavaScript里使用的各种设计模式实现，在这里我不会过多地介绍模式本身的理论，而只会关注实现。OK，正式开始。在传统开发工程师眼里，单例就是保证一个类只有一个实例...

JavaScript基础学习构造函数模式(二十七)

介绍构造函数大家都很熟悉了，不过如果你是新手，还是有必要来了解一下什么叫构造函数的。构造函数用于创建特定类型的对象——不仅声明了使用的对象，构造函数还可以接受参数以便第一次创建对象的时候设置对象的成员...

JavaScript基础学习建造者模式(二十八)

介绍在软件系统中，有时候面临着“一个复杂对象”的创建工作，其通常由各个部分的子对象用一定的算法构成；由于需求的变化，这个复杂对象的各个部分经常面临着剧烈的变化，但是将它们组合在一起的算法确相对稳定。如...

JavaScript基础学习工厂模式(二十九)

介绍与创建型模式类似，工厂模式创建对象（视为工厂里的产品）时无需指定创建对象的具体类。工厂模式定义一个用于创建对象的接口，这个接口由子类决定实例化哪一个类。该模式使一个类的实例化延迟到了子类。而子类可...

JavaScript基础学习装饰者模式(三十)

介绍装饰者提供比继承更有弹性的替代方案。装饰者用用于包装同接口的对象，不仅允许你向方法添加行为，而且还可以将方法设置成原始对象调用（例如装饰者的构造函数）。装饰者用于通过重载方法的形式添加新功能，该...

JavaScript基础学习外观模式(三十一)

介绍外观模式（Facade）为子系统中的一组接口提供了一个一致的界面，此模块定义了一个高层接口，这个接口值得这一子系统更加容易使用。正文外观模式不仅简化类中的接口，而且对接口与调用者也进行了解耦。外观...

JavaScript基础学习代理模式(三十二)

介绍代理，顾名思义就是帮助别人做事，GoF对代理模式的定义如下：代理模式（Proxy），为其他对象提供一种代理以控制对这个对象的访问。代理模式使得代理对象控制具体对象的引用。代理几乎可以是任何对象：文...

JavaScript基础学习观察者模式(三十三)

介绍观察者模式又叫发布订阅模式（Publish/Subscribe），它定义了一种一对多的关系，让多个观察者对象同时监听某一个主题对象，这个主题对象的状态发生变化时就会通知所有的观察者对象，使得它们能...

JavaScript基础学习策略模式(三十四)

介绍策略模式定义了算法家族，分别封装起来，让他们之间可以互相替换，此模式让算法的变化不会影响到使用算法的客户。正文在理解策略模式之前，我们先来一个例子，一般情况下，如果我们要做数据合法性验证，很多时候...

JavaScript基础学习命令模式(三十五)

介绍命令模式(Command)的定义是：用于将一个请求封装成一个对象，从而使你可用不同的请求对客户进行参数化；对请求排队或者记录请求日志，以及执行可撤销的操作。也就是说改模式旨在将函数的调用、请求和操...

JavaScript基础学习迭代器模式(三十六)

介绍迭代器模式(Iterator)：提供一种方法顺序一个聚合对象中各个元素，而又不暴露该对象内部表示。迭代器的几个特点是：访问一个聚合对象的内容而无需暴露它的内部表示。为遍历不同的集合结构提供一个统一...

JavaScript基础学习中介者模式(三十七)

介绍中介者模式（Mediator），用一个中介对象来封装一系列的对象交互。中介者使各对象不需要显式地相互引用，从而使其耦合松散，而且可以独立地改变它们之间的交互。正文软件开发中，中介者是一个行为设计模...

JavaScript基础学习享元模式(三十八)

介绍享元模式（Flyweight），运行共享技术有效地支持大量细粒度的对象，避免大量拥有相同内容的小类的开销(如耗费内存)，使大家共享一个类(元类)。享元模式可以避免大量非常相似类的开销，在程序设计中...

JavaScript基础学习职责链模式(三十九)

介绍职责链模式（Chain of responsibility）是使多个对象都有机会处理请求，从而避免请求的发送者和接受者之间的耦合关系。将这个对象连成一条链，并沿着这条链传递该请求，直到有一个对象处...

JavaScript基础学习适配器模式(四十)

介绍适配器模式（Adapter）是将一个类（对象）的接口（方法或属性）转化成客户希望的另外一个接口（方法或属性），适配器模式使得原本由于接口不兼容而不能一起工作的那些类（对象）可以一些工作。速成包装器...

JavaScript基础学习组合模式(四十一)

介绍组合模式（Composite）将对象组合成树形结构以表示“部分-整体”的层次结构，组合模式使得用户对单个对象和组合对象的使用具有一致性。常见的场景有asp.net里的控件机制（即control里可...

JavaScript基础学习模板模式(四十二)

介绍模板方法（TemplateMethod）定义了一个操作中的算法的骨架，而将一些步骤延迟到子类中。模板方法使得子类可以不改变一个算法的结构即可重定义该算法的某些特定步骤。模板方法是一种代码复用的基本...

JavaScript基础学习原型模式(四十三)

介绍原型模式（prototype）是指用原型实例指向创建对象的种类，并且通过拷贝这些原型创建新的对象。正文对于原型模式，我们可以利用JavaScript特有的原型继承特性去创建对象的方式，也就是创建的...

JavaScript基础学习状态模式(四十四)

介绍状态模式（State）允许一个对象在其内部状态改变的时候改变它的行为，对象看起来似乎修改了它的类。正文举个例子，就比如我们平时在下载东西，通常就会有好几个状态，比如准备状态（ReadyState）...

JavaScript基础学习桥接模式(四十五)

介绍桥接模式（Bridge）将抽象部分与它的实现部分分离，使它们都可以独立地变化。正文桥接模式最常用在事件监控上，先看一段代码：addEvent(element, 'click', getBeerBy...

JavaScript基础学习复用模式(四十六)

介绍任何编程都提出代码复用，否则话每次开发一个新程序或者写一个新功能都要全新编写的话，那就歇菜了，但是代码复用也是有好要坏，接下来的两篇文章我们将针对代码复用来进行讨论，第一篇文避免篇，指的是要尽量避...

JavaScript基础学习复用模式(四十七)

介绍本文介绍的四种代码复用模式都是最佳实践，推荐大家在编程的过程中使用。模式1：原型继承原型继承是让父对象作为子对象的原型，从而达到继承的目的：function object(o) { func...

JavaScript基础学习创建模式(四十八)

介绍本篇主要是介绍创建对象方面的模式，利用各种技巧可以极大地避免了错误或者可以编写出非常精简的代码。模式1：命名空间（namespace）命名空间可以减少全局命名所需的数量，避免命名冲突或过度。一般我...

JavaScript基础学习创建模式(四十九)

介绍本篇主要是介绍创建对象方面的模式的下篇，利用各种技巧可以极大地避免了错误或者可以编写出非常精简的代码。模式6：函数语法糖函数语法糖是为一个对象快速添加方法（函数）的扩展，这个主要是利用protot...

JavaScript基础学习function模式(五十)

介绍本篇主要是介绍Function方面使用的一些技巧（上篇），利用Function特性可以编写出很多非常有意思的代码，本篇主要包括：回调模式、配置对象、返回函数、分布程序、柯里化（Currying）。...

JavaScript基础学习function模式(五十一)

介绍本篇我们介绍的一些模式称为初始化模式和性能模式，主要是用在初始化以及提高性能方面，一些模式之前已经提到过，这里只是做一下总结。立即执行的函数在本系列第4篇的《立即调用的函数表达式》中，我们已经对类...