随笔- 473
文章- 6
评论- 337
阅读-
387万
03 2012 档案
javascript的内存分配
摘要：了解javascript的人都知道数据的基本类型按大的分类有两种：原始值和引用值 在研习算法的时候会过多的和内存打交道；理解栈和堆的定义是很重要的，算法就是为了能够获得最大的效率 任何语言都是如此，javascript也不例外；在javascript中，我在把变量类型分为原始类型和引用类型。原始类型是放在栈即内存中，而引用类型这是放在堆中。在ECMAscript中，也是这么定义的。 栈 主要作用表现为一种数据结构，是只能在某一端插入和删除的特殊线性表。它按照后进先出的原则存储数据，先进入的数据被压入栈底，最后的数据在栈顶，需要读数据的时候从栈顶开始弹出数据（最后一个数据被第一个...
阅读全文
深入理解JavaScript系列（36）：设计模式之中介者模式
摘要：前言 这两天有些“高手”质疑JavaScript里是否应该有设计模式，甚至讨论到动态语言不应该有设计模式，或者不应该去乱套用设计模式，一直没参与 讨论，因为始终觉得自己对这些研究不深，也没尝试过深入理解编译器，词法解析等，更不要提去评论某种语言高不高级了，本人一直处在应用这个level上， 没达到那个高级别，所以也不敢参与讨论，以后也不会对这些讨论给予任何评价和回复，呵呵，级别不够。 不管怎么说，针对JavaScript整理的一些设计模式（或模式），我还是会一直完成下去的，因为我觉得国外的一些牛人写的东西确实很好的，而且 也解决了自己项目中很多现实的问题，何必在意别人怎么去评价呢，也或者或许把
阅读全文
深入理解JavaScript系列（34）：设计模式之命令模式
摘要：介绍 命令模式(Command)的定义是：用于将一个请求封装成一个对象，从而使你可用不同的请求对客户进行参数化；对请求排队或者记录请求日志，以及 执行可撤销的操作。也就是说改模式旨在将函数的调用、请求和操作封装成一个单一的对象，然后对这个对象进行一系列的处理。此外，可以通过调用实现具体函数 的对象来解耦命令对象与接收对象。 正文 我们来通过车辆购买程序来展示这个模式，首先定义车辆购买的具体操作类： $(function () { var CarManager = { // 请求信息 requestInfo: function (model, id) { ...
阅读全文
深入理解JavaScript系列（35）：设计模式之迭代器模式
摘要：介绍 迭代器模式(Iterator)：提供一种方法顺序一个聚合对象中各个元素，而又不暴露该对象内部表示。 迭代器的几个特点是： 访问一个聚合对象的内容而无需暴露它的内部表示。为遍历不同的集合结构提供一个统一的接口，从而支持同样的算法在不同的集合结构上进行操作。遍历的同时更改迭代器所在的集合结构可能会导致问题（比如C#的foreach里不允许修改item）。 正文 一般的迭代，我们至少要有2个方法，hasNext()和Next()，这样才做做到遍历所有对象，我们先给出一个例子： var agg = (function () { var index = 0, data = [1, 2...
阅读全文
深入理解JavaScript系列（33）：设计模式之策略模式
摘要：介绍 策略模式定义了算法家族，分别封装起来，让他们之间可以互相替换，此模式让算法的变化不会影响到使用算法的客户。 正文 在理解策略模式之前，我们先来一个例子，一般情况下，如果我们要做数据合法性验证，很多时候都是按照swith语句来判断，但是这就带来几个问题，首先如果增加需求的话，我们还要再次修改这段代码以增加逻辑，而且在进行单元测试的时候也会越来越复杂，代码如下： validator = { validate: function (value, type) { switch (type) { ...
阅读全文
深入理解JavaScript系列（31）：设计模式之代理模式
摘要：介绍 代理，顾名思义就是帮助别人做事，GoF对代理模式的定义如下： 代理模式（Proxy），为其他对象提供一种代理以控制对这个对象的访问。 代理模式使得代理对象控制具体对象的引用。代理几乎可以是任何对象：文件，资源，内存中的对象，或者是一些难以复制的东西。 正文 我们来举一个简单的例子，假如dudu要送酸奶小妹玫瑰花，却不知道她的联系方式或者不好意思，想委托大叔去送这些玫瑰，那大叔就是个代理（其实挺好的，可以扣几朵给媳妇），那我们如何来做呢？ // 先声明美女对象var girl = function (name) { this.name = name;};// 这是duduvar d...
阅读全文
深入理解JavaScript系列（32）：设计模式之观察者模式
摘要：介绍 观察者模式又叫发布订阅模式（Publish/Subscribe），它定义了一种一对多的关系，让多个观察者对象同时监听某一个主题对象，这个主题对象的状态发生变化时就会通知所有的观察者对象，使得它们能够自动更新自己。 使用观察者模式的好处： 支持简单的广播通信，自动通知所有已经订阅过的对象。页面载入后目标对象很容易与观察者存在一种动态关联，增加了灵活性。目标对象与观察者之间的抽象耦合关系能够单独扩展以及重用。 正文（版本一） JS里对观察者模式的实现是通过回调来实现的，我们来先定义一个pubsub对象，其内部包含了3个方法：订阅、退订、发布。 var pubsub = {};(functi.
阅读全文
深入理解JavaScript系列（29）：设计模式之装饰者模式
摘要：介绍 装饰者提供比继承更有弹性的替代方案。 装饰者用用于包装同接口的对象，不仅允许你向方法添加行为，而且还可以将方法设置成原始对象调用（例如装饰者的构造函数）。 装饰者用于通过重载方法的形式添加新功能，该模式可以在被装饰者前面或者后面加上自己的行为以达到特定的目的。 正文 那么装饰者模式有什么好处呢？前面说了，装饰者是一种实现继承的替代方案。当脚本运行时，在子类中增加行为会影响原有类所有的实例，而装饰者却不然。取而代之的是它能给不同对象各自添加新行为。如下代码所示： //需要装饰的类（函数）function Macbook() { this.cost = function () { ...
阅读全文
深入理解JavaScript系列（30）：设计模式之外观模式
摘要：深入理解JavaScript系列（30）：设计模式之外观模式 2012-02-28 08:55 by 汤姆大叔, 1801 visits, 收藏, 编辑 介绍 外观模式（Facade）为子系统中的一组接口提供了一个一致的界面，此模块定义了一个高层接口，这个接口值得这一子系统更加容易使用。 正文 外观模式不仅简化类中的接口，而且对接口与调...
阅读全文
深入理解JavaScript系列（27）：设计模式之建造者模式
摘要：介绍 在软件系统中，有时候面临着“一个复杂对象”的创建工作，其通常由各个部分的子对象用一定的算法构成；由于需求的变化，这个复杂对象的各个部分经常 面临着剧烈的变化，但是将它们组合在一起的算法确相对稳定。如何应对这种变化？如何提供一种“封装机制”来隔离出“复杂对象的各个部分”的变化，从而保持 系统中的“稳定构建算法”不随着需求改变而改变？这就是要说的建造者模式。 建造者模式可以将一个复杂对象的构建与其表示相分离，使得同样的构建过程可以创建不同的表示。也就是说如果我们用了建造者模式，那么用户就需要指定需要建造的类型就可以得到它们，而具体建造的过程和细节就不需要知道了。 正文 这个模式相对来说比较简
阅读全文
深入理解JavaScript系列（28）：设计模式之工厂模式
摘要：介绍 与创建型模式类似，工厂模式创建对象（视为工厂里的产品）时无需指定创建对象的具体类。 工厂模式定义一个用于创建对象的接口，这个接口由子类决定实例化哪一个类。该模式使一个类的实例化延迟到了子类。而子类可以重写接口方法以便创建的时候指定自己的对象类型。 这个模式十分有用，尤其是创建对象的流程赋值的时候，比如依赖于很多设置文件等。并且，你会经常在程序里看到工厂方法，用于让子类类定义需要创建的对象类型。 正文 下面这个例子中，是应用了工厂方法对第26章构造函数模式代码的改进版本： var Car = (function () { var Car = function (model, yea...
阅读全文
深入理解JavaScript系列（25）：设计模式之单例模式
摘要：介绍 从本章开始，我们会逐步介绍在JavaScript里使用的各种设计模式实现，在这里我不会过多地介绍模式本身的理论，而只会关注实现。OK，正式开始。 在传统开发工程师眼里，单例就是保证一个类只有一个实例，实现的方法一般是先判断实例存在与否，如果存在直接返回，如果不存在就创建了再返回，这就 确保了一个类只有一个实例对象。在JavaScript里，单例作为一个命名空间提供者，从全局命名空间里提供一个唯一的访问点来访问该对象。 正文 在JavaScript里，实现单例的方式有很多种，其中最简单的一个方式是使用对象字面量的方法，其字面量里可以包含大量的属性和方法： var mySingleton .
阅读全文
深入理解JavaScript系列（26）：设计模式之构造函数模式
摘要：介绍 构造函数大家都很熟悉了，不过如果你是新手，还是有必要来了解一下什么叫构造函数的。构造函数用于创建特定类型的对象——不仅声明了使用的对象，构 造函数还可以接受参数以便第一次创建对象的时候设置对象的成员值。你可以自定义自己的构造函数，然后在里面声明自定义类型对象的属性或方法。 基本用法 在JavaScript里，构造函数通常是认为用来实现实例的，JavaScript没有类的概念，但是有特殊的构造函数。通过new关键字来调用 定义的否早函数，你可以告诉JavaScript你要创建一个新对象并且新对象的成员声明都是构造函数里定义的。在构造函数内部，this关键字引用的是 新创建的对象。基本用法如
阅读全文
深入理解JavaScript系列（24）：JavaScript与DOM（下）
摘要：介绍 上一章我们介绍了JavaScript的基本内容和DOM对象的各个方面，包括如何访问node节点。本章我们将讲解如何通过DOM操作元素并且讨论浏览器事件模型。 本文参考：http://net.tutsplus.com/tutorials/javascript-ajax/javascript-and-the-dom-lesson-2/ 操作元素 上一章节我们提到了DOM节点集合或单个节点的访问步骤，每个DOM节点都包括一个属性集合，大多数的属性都提供为相应的功能提供了抽象。例如，如果有一个带有ID属性intro的文本元素，你可以很容易地通过DOM API来改变该元素的颜色： documen.
阅读全文
深入理解JavaScript系列（23）：JavaScript与DOM（上）——也适用于新手
摘要：文档对象模型Document Object Model DOM（Document Object Model，文档对象模型）是一个通过和JavaScript进行内容交互的API。Javascript和DOM一般经常作为一个整体，因为Javascript通常都是用来进行DOM操作和交互的。 主要内容来自：http://net.tutsplus.com/tutorials/javascript-ajax/javascript-and-the-dom-series-lesson-1/ 关于DOM，有些知识需要注意：1. window对象作为全局对象，也就是说你可以通过window来访问全局对象。 属.
阅读全文
深入理解JavaScript系列（21）：S.O.L.I.D五大原则之接口隔离原则ISP
摘要：前言 本章我们要讲解的是S.O.L.I.D五大原则JavaScript语言实现的第4篇，接口隔离原则ISP（The Interface Segregation Principle）。 英文原文：http://freshbrewedcode.com/derekgreer/2012/01/08/solid-javascript-the-interface-segregation-principle/注：这篇文章作者写得比较绕口，所以大叔理解得也比较郁闷，凑合着看吧，别深陷进去了 接口隔离原则的描述是： Clients should not be forced to depend on met...
阅读全文
深入理解JavaScript系列（22）：S.O.L.I.D五大原则之依赖倒置原则DIP
摘要：前言 本章我们要讲解的是S.O.L.I.D五大原则JavaScript语言实现的第5篇，依赖倒置原则LSP（TheDependency Inversion Principle ）。 英文原文：http://freshbrewedcode.com/derekgreer/2012/01/22/solid-javascript-the-dependency-inversion-principle/ 依赖倒置原则 依赖倒置原则的描述是： A. High-level modules should not depend on low-level modules. Both should depen...
阅读全文
你真懂JavaScript吗？
摘要：介绍 大叔整理的《深入理解JavaScript系列》已经快20篇了，不知道大家看的如何了？ 除了大家熟知的闭包、原型、作用域以外，不知道大家是否真正理解了JavaScript的核心特性，在网上发现几个小题目非常有意思，正好适合考察大家对JavaScript的理解。 如果大家有兴趣（或者自认为对JavaScript了解还不错的人），可以尝试着回答一下下面5个题目的输出结果（不要google或baidu哦）。 至于正确结果嘛，自己可以将代码复制到浏览器里就可以看到了（稍后这两天，我会将详细的解释单独发帖整理出来）。 PS：大胆点，不管结果对不对，都把你的答案贴出来（最好带有自己的想法，后面我们和准
阅读全文
深入理解JavaScript系列（20）：《你真懂JavaScript吗？》答案详解
摘要：介绍 昨天发的《大叔手记（19）：你真懂JavaScript吗？》里面的5个题目，有很多回答，发现强人还是很多的，很多人都全部答对了。 今天我们来对这5个题目详细分析一下，希望对大家有所帮助。 注： 问题来自大名鼎鼎的前端架构师Baranovskiy的帖子《So, you think you know JavaScript?》。答案也是来自大名鼎鼎的JS牛人Nicholas C. Zakas的帖子《Answering Baranovskiy’s JavaScript quiz》——《JavaScript高级程序设计》一书的原作者(但题目2的解释貌似有点问题） OK，我们先看第一题 题目1 ..
阅读全文
深入理解JavaScript系列（18）：面向对象编程之ECMAScript实现（推荐）
摘要：介绍 本章是关于ECMAScript面向对象实现的第2篇，第1篇我们讨论的是概论和CEMAScript的比较，如果你还没有读第1篇，在进行本章之前，我强烈建议你先读一下第1篇，因为本篇实在太长了（35页）。 英文原文：http://dmitrysoshnikov.com/ecmascript/chapter-7-2-oop-ecmascript-implementation/ 注：由于篇幅太长了，难免出现错误，时刻保持修正中。 在概论里，我们延伸到了ECMAScript，现在，当我们知道它OOP实现时，我们再来准确定义一下： ECMAScript is an object-oriente...
阅读全文
深入理解JavaScript系列（19）：求值策略(Evaluation strategy)
摘要：介绍 本章，我们将讲解在ECMAScript向函数function传递参数的策略。 计算机科学里对这种策略一般称为“evaluation strategy”（大叔注：有的人说翻译成求值策略，有的人翻译成赋值策略，通看下面的内容，我觉得称为赋值策略更为恰当，anyway，标题还是写成大家容易理解的求值策略吧），例如在编程语言为求值或者计算表达式设置规则。向函数传递参数的策略是一个特殊的case。 http://dmitrysoshnikov.com/ecmascript/chapter-8-evaluation-strategy/ 写这篇文章的原因是因为论坛上有人要求准确解释一些传参的策略，..
阅读全文
深入理解JavaScript系列（17）：面向对象编程之概论
摘要：介绍 在本篇文章，我们考虑在ECMAScript中的面向对象编程的各个方面（虽然以前在许多文章中已经讨论过这个话题）。我们将更多地从理论方面看这 些问题。 特别是，我们会考虑对象的创建算法，对象（包括基本关系 - 继承）之间的关系是如何，也可以在讨论中使用（我希望将消除之前对于JavaScript中OOP的一些概念歧义）。 英文原文：http://dmitrysoshnikov.com/ecmascript/chapter-7-1-oop-general-theory/ 概论、范式与思想 在进行ECMAScript中的OOP技术分析之前，我们有必要掌握一些OOP基本的特征，并澄清概论中的...
阅读全文
深入理解JavaScript系列（16）：闭包（Closures）
摘要：介绍 本章我们将介绍在JavaScript里大家经常来讨论的话题 —— 闭包（closure）。闭包其实大家都已经谈烂了。尽管如此，这里还是要试着从理论角度来讨论下闭包，看看ECMAScript中的闭包内部究竟是如何工作的。 正如在前面的文章中提到的，这些文章都是系列文章，相互之间都是有关联的。因此，为了更好的理解本文要介绍的内容，建议先去阅读第14章作用域链和第12章变量对象。 英文原文：http://dmitrysoshnikov.com/ecmascript/chapter-6-closures/ 概论 在直接讨论ECMAScript闭包之前，还是有必要来看一下函数式编程中一些基本定..
阅读全文
深入理解JavaScript系列（14）：作用域链(Scope Chain)
摘要：前言 在第12章关于变量对象的描述中，我们已经知道一个执行上下文 的数据（变量、函数声明和函数的形参）作为属性存储在变量对象中。 同时我们也知道变量对象在每次进入上下文时创建，并填入初始值，值的更新出现在代码执行阶段。 这一章专门讨论与执行上下文直接相关的更多细节，这次我们将提及一个议题——作用域链。 英文原文：http://dmitrysoshnikov.com/ecmascript/chapter-4-scope-chain/中文参考：http://www.denisdeng.com/?p=908本文绝大部分内容来自上述地址，仅做少许修改，感谢作者 定义 如果要简要的描述并展示其重点，..
阅读全文
深入理解JavaScript系列（15）：函数（Functions）
摘要：介绍 本章节我们要着重介绍的是一个非常常见的ECMAScript对象——函数（function),我们将详细讲解一下各种类型的函数是如何影响上下 文的变量对象以及每个函数的作用域链都包含什么，以及回答诸如像下面这样的问题：下面声明的函数有什么区别么？（如果有，区别是什么）。 原文：http://dmitrysoshnikov.com/ecmascript/chapter-5-functions/ var foo = function () { ...}; 平时的惯用方式： function foo() { ...} 或者，下面的函数为什么要用括号括住？ (function (...
阅读全文
深入理解JavaScript系列（12）：变量对象（Variable Object）
摘要：介绍 JavaScript编程的时候总避免不了声明函数和变量，以成功构建我们的系统，但是解释器是如何并且在什么地方去查找这些函数和变量呢？我们引用这些对象的时候究竟发生了什么？ 原始发布：Dmitry A. Soshnikov发布时间：2009-06-27俄文地址：http://dmitrysoshnikov.com/ecmascript/ru-chapter-2-variable-object/英文翻译：Dmitry A. Soshnikov发布时间：2010-03-15英文地址：http://dmitrysoshnikov.com/ecmascript/chapter-2-variabl.
阅读全文
深入理解JavaScript系列（13）：This? Yes,this!
摘要：介绍 在这篇文章里，我们将讨论跟执行上下文直接相关的更多细节。讨论的主题就是this关键字。实践证明，这个主题很难，在不同执行上下文中this的确定经常会发生问题。 许多程序员习惯的认为，在程序语言中，this关键字与面向对象程序开发紧密相关，其完全指向由构造器新创建的对象。在ECMAScript规范中也是这样实现的，但正如我们将看到那样，在ECMAScript中，this并不限于只用来指向新创建的对象。 英文翻译: Dmitry A. Soshnikov在Stoyan Stefanov的帮助下发布: 2010-03-07http://dmitrysoshnikov.com/ecmascri.
阅读全文
深入理解JavaScript系列（10）：JavaScript核心（晋级高手必读篇）
摘要：本篇是ECMA-262-3 in detail系列的一个概述（本人后续会翻译整理这些文章到本系列（第11-19章）。每个章节都有一个更详细的内容链接，你可以继续读一下每个章节对应的详细内容链接进行更深入的了解。 适合的读者：有经验的开发员，专业前端人员。 原作者: Dmitry A. Soshnikov发布时间: 2010-09-02原文：http://dmitrysoshnikov.com/ecmascript/javascript-the-core/参考1：http://ued.ctrip.com/blog/?p=2795参考2：http://www.cnblogs.com/ifishi.
阅读全文
深入理解JavaScript系列（11）：执行上下文（Execution Contexts）
摘要：简介 从本章开始，我将陆续（翻译、转载、整理）http://dmitrysoshnikov.com/网站关于ECMAScript标标准理解的好文。 本章我们要讲解的是ECMAScript标准里的执行上下文和相关可执行代码的各种类型。 原始作者：Dmitry A. Soshnikov原始发布: 2009-06-26俄文原文：http://dmitrysoshnikov.com/ecmascript/ru-chapter-1-execution-contexts/英文翻译：Dmitry A. Soshnikov.发布时间：2010-03-11英文翻译：http://dmitrysoshnikov.
阅读全文
深入理解JavaScript系列（9）：根本没有“JSON对象”这回事！
摘要：前言 写这篇文章的目的是经常看到开发人员说：把字符串转化为JSON对象，把JSON对象转化成字符串等类似的话题，所以把之前收藏的一篇老外的文章整理翻译了一下，供大家讨论，如有错误，请大家指出，多谢。 正文 本文的主题是基于ECMAScript262-3来写的，2011年的262-5新规范增加了JSON对象，和我们平时所说的JSON有关系，但是不是同一个东西，文章最后一节会讲到新增加的JSON对象。 英文原文：http://benalman.com/news/2010/03/theres-no-such-thing-as-a-json/ 我想给大家澄清一下一个非常普遍的误解，我认为很多Jav..
阅读全文
深入理解JavaScript系列（8）：S.O.L.I.D五大原则之里氏替换原则LSP
摘要：前言 本章我们要讲解的是S.O.L.I.D五大原则JavaScript语言实现的第3篇，里氏替换原则LSP（TheLiskov Substitution Principle ）。 英文原文：http://freshbrewedcode.com/derekgreer/2011/12/31/solid-javascript-the-liskov-substitution-principle/ 开闭原则的描述是： Subtypes must be substitutable for their base types.派生类型必须可以替换它的基类型。 在面向对象编程里，继承提供了一个机制让子...
阅读全文
深入理解JavaScript系列（6）：S.O.L.I.D五大原则之单一职责SRP
摘要：前言 Bob大叔提出并发扬了S.O.L.I.D五大原则，用来更好地进行面向对象编程，五大原则分别是： The Single Responsibility Principle（单一职责SRP）The Open/Closed Principle（开闭原则OCP）The Liskov Substitution Principle（里氏替换原则LSP）The Interface Segregation Principle（接口分离原则ISP）The Dependency Inversion Principle（依赖反转原则DIP） 五大原则，我相信在博客园已经被讨论烂了，尤其是C#的实现，但是相对于J
阅读全文
深入理解JavaScript系列（7）：S.O.L.I.D五大原则之开闭原则OCP
摘要：前言 本章我们要讲解的是S.O.L.I.D五大原则JavaScript语言实现的第2篇，开闭原则OCP（The Open/Closed Principle ）。 开闭原则的描述是： Software entities (classes, modules, functions, etc.) should be open for extension but closed for modification.软件实体（类，模块，方法等等）应当对扩展开放，对修改关闭，即软件实体应当在不修改的前提下扩展。 open for extension（对扩展开放）的意思是说当新需求出现的时候，可以通过扩展现有..
阅读全文
深入理解JavaScript系列（5）：强大的原型和原型链
摘要：前言 JavaScript 不包含传统的类继承模型，而是使用 prototypal 原型模型。 虽然这经常被当作是 JavaScript 的缺点被提及，其实基于原型的继承模型比传统的类继承还要强大。实现传统的类继承模型是很简单，但是实现 JavaScript 中的原型继承则要困难的多。 由于 JavaScript 是唯一一个被广泛使用的基于原型继承的语言，所以理解两种继承模式的差异是需要一定时间的，今天我们就来了解一下原型和原型链。 原型 10年前，我刚学习JavaScript的时候，一般都是用如下方式来写代码： var decimalDigits = 2, ...
阅读全文
深入理解JavaScript系列（3）：全面解析Module模式
摘要：简介 Module模式是JavaScript编程中一个非常通用的模式，一般情况下，大家都知道基本用法，本文尝试着给大家更多该模式的高级使用方式。 首先我们来看看Module模式的基本特征： 模块化，可重用封装了变量和function，和全局的namaspace不接触，松耦合只暴露可用public的方法，其它私有方法全部隐藏 关于Module模式，最早是由YUI的成员Eric Miraglia在4年前提出了这个概念，我们将从一个简单的例子来解释一下基本的用法（如果你已经非常熟悉了，请忽略这一节）。 基本用法 先看一下最简单的一个实现，代码如下： var Calculator = functio.
阅读全文
深入理解JavaScript系列（4）：立即调用的函数表达式
摘要：前言 大家学JavaScript的时候，经常遇到自执行匿名函数的代码，今天我们主要就来想想说一下自执行。在详细了解这个之前，我们 来谈了解一下“自执行”这个叫法，本文对这个功能的叫法也不一定完全对，主要是看个人如何理解，因为有的人说立即调用，有的人说自动执行，所以你完全可以 按照你自己的理解来取一个名字，不过我听很多人都叫它为“自执行”，但作者后面说了很多，来说服大家称呼为“立即调用的函数表达式”。 本文英文原文地址：http://benalman.com/news/2010/11/immediately-invoked-function-expression/ 什么是自执行？ 在JavaSc
阅读全文
深入理解JavaScript系列（2）：揭秘命名函数表达式
摘要：前言 网上还没用发现有人对命名函数表达式进去重复深入的讨论，正因为如此，网上出现了各种各样的误解，本文将从原理和实践两个方面来探讨JavaScript关于命名函数表达式的优缺点。 简单的说，命名函数表达式只有一个用户，那就是在Debug或者Profiler分析的时候来描述函数的名称，也可以使用函数名实现递归，但很快你 就会发现其实是不切实际的。当然，如果你不关注调试，那就没什么可担心的了，否则，如果你想了解兼容性方面的东西的话，你还是应该继续往下看看。 我们先开始看看，什么叫函数表达式，然后再说一下现代调试器如何处理这些表达式，如果你已经对这方面很熟悉的话，请直接跳过此小节。 函数表达式和函数
阅读全文
深入理解JavaScript系列（1）：编写高质量JavaScript代码的基本要点
摘要：才华横溢的Stoyan Stefanov，在他写的由O’Reilly初版的新书《JavaScript Patterns》(JavaScript模式)中，我想要是为我们的读者贡献其摘要，那会是件很美妙的事情。具体一点就是编写高质量JavaScript的一些要素，例如避免全局变量，使用单变量声明，在循环中预缓存length(长度)，遵循代码阅读，以及更多。 此摘要也包括一些与代码不太相关的习惯，但对整体代码的创建息息相关，包括撰写API文档、执行同行评审以及运行JSLint。这些习惯和最佳做法可以帮助你写出更好的，更易于理解和维护的代码，这些代码在几个月或是几年之后再回过头看看也是会觉得很自豪的。
阅读全文
sina微博加入到博客园
摘要：很多博客都可以自己添加修改一些代码，但是作为博客平台来说，可能为了安全考虑，很多时候要过滤一些特性，比如：新浪微博的挂件是iframe形式的，但是博客园不支持iframe。经过一些尝试，最终有了下面两种解决办法：首先先在公告中写一个空div，方便我们插入新建的iframe，省的用class选来选去的麻烦：<div id="weiboIframe"></div>1、在公告中直接用innerHTML插入iframe代码：innerHTML是很很简单的，从新浪微博的配置中，配好你自己想要的样式，然后他会自动生成一段html代码，类似下面这样的：<if
阅读全文
转：js全局变量与局部变量 预解析与作用域链详解
摘要：局部变量和全局变量同名时,会隐藏这个全局变量； 4.变量 关键字: 4.变量 4.1 变量的类型 JS是松散类型的语言 4.2 变量的声明 var 声明是变量的标准声明 var 声明的变量是永久性的,不能用delete运算符删除 全局对象,调用对象初始化时,JS解析器会在相应的代码段里寻找var声明的变量, 然后在全局对象,调用对象中创建相应的属性,此时它是未赋值的(undefined), 当程序执行到相应的var声明代码段时才会给相应对象的属性赋值 重复的声明:根据以上var声明作用的理解,重复的var声明不会造成任何错误, var声明只是方便创建全局...
阅读全文
IE的layout属性详解
摘要：要想更好的理解 css， 尤其是 IE 下对 css 的渲染，haslayout 是一个非常有必要彻底弄清除的概念。大多 IE 下的显示错误，就是源于 haslayout。 什么是 haslayout ？ haslayout 是Windows Internet Explorer渲染引擎的一个内部组成部分。在Internet Explorer中，一个元素要么自己对自身的内容进行计算大小和组织，要么依赖于父元素来计算尺寸和组织内容。为了调节这两个不同的概念，渲染引擎采用 了 hasLayout 的属性，属性值可以为true或false。当一个元素的 hasLayout 属性值为tru...
阅读全文
理解Javascript_13_执行模型详解
摘要：转载：http://www.cnblogs.com/fool/archive/2010/10/19/1855266.html 在《理解Javascript_12_执行模型浅析》一文中,我们初步的了解了执行上下文与作用域的概念，那么这一篇将深入分析执行上下文的构建过程，了解执行上下文、函数对象、作用域三者之间的关系。 函数执行环境 简单的代码: ?12345678function say(msg,other){var str = "nobody say:";this.name = '笨蛋的座右铭';function method(){};//var metho
阅读全文
JavaScript对象模型-执行模型
摘要：来源：http://www.cnblogs.com/RicCC/archive/2008/02/15/JavaScript-Object-Model-Execution-Model.html数据类型 基本数据类型 基本数据类型是JS语言最底层的实现。 简单数值类型: 有Undefined, Null, Boolean, Number和String。注意，描述中的英文单词在这里仅指数据类型的名称，并不特指JS的全局对象N an, Boolean, Number, String等，它们在概念上的区别是比较大的。 对象: 一个无序属性的集合，这些属性的值为简单数值类型、对象或者函数。同上，这里的..
阅读全文
js笔记---作用域（执行上下文[execution context]，活动对象） 闭包
摘要：（一）作用域： 首先，在javascript中的每个函数都是对象，是Funtion对象的一个实例，而Funtion中有一系列仅供javascript引擎存取的内部属性，其中一个便是[[scope]]，它包含了一个函数被创建的作用域中对象的集合，这个集合就是函数的作用域链。当一个函数创建后，它的作用域链会被创建此函数的作用域中可访问的数据对象填充。例如定义下面这样一个函数： function add(num1,num2){ var sum = num1+num2; return sum; } 在函数add创建时，它的作用域链中会填入一个单独的可变对象，即全局对象，该全局对象包含了所有...
阅读全文
JSON
摘要：JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式，采用完全独立于语言的文本格式，是理想的数据交换格式。同时，JSON是 JavaScript 原生格式，这意味着在 JavaScript 中处理 JSON数据不需要任何特殊的 API 或工具包。 本文主要是对JS操作JSON的方法做下总结。 在JSON中，有两种结构：对象和数组。 1. 一个对象以“{”（左括号）开始，“}”（右括号）结束。每个“名称”后跟一个“:”（冒号）；“‘名称/值’ 对”之间使用“,”（逗号）分隔。名称用引号括起来；值如果是字符串则必须用括号，数值型则不需要。例如： var o=
阅读全文
10 条建议让你创建更好的 jQuery 插件
摘要：在开发过很多 jQuery 插件以后，我慢慢的摸索出了一套开发jQuery插件比较标准的结构和模式。这样我就可以 copy & paste 大部分的代码结构，只要专注最主要的逻辑代码就行了。 使用相同的设计模式和架构也让修复bug或者二次开发更容易。一套经过验证的架构可以保证我的插件不出大的问题，不论插件简单还是复杂。 我在这里分享10条我总结的经验。 1. 把你的代码全部放在闭包里面 这是我用的最多的一条。但是有时候在闭包外面的方法会不能调用。不过你的插件的代码只为你自己的插件服务，所以不存在这个问题，你可以把所有的代码都放在闭包里面。而方法可能应该放在P...
阅读全文
