`
openxtiger
  • 浏览: 151217 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

[原创]javascript 天才的设计者 (持续更新)

 
阅读更多

Javascript对象创建过程:

  JavaScript语言没有类的概念,除了基本类型(Number、String、booleans、null和undefined)之外,一切都是对象。

 

 

  1. 创建一个简单的对象,可以理解为空对象
  2. 将隐藏的__proto__属性指向构造函数的prototype对象
  3. 执行构造函数,并为构造函数中this提到的创建新的对象。
Javascript动态属性和原型属性:
  Javascript创建一个新的对象时,只会为“this提到的创建新的对象”在堆里面分配内存空间,而__proto__属性所对应对象(就是构造函数的prototype对象)其实是一个共享对象。所有创建新对象都会共享这个prototype对象。当访问新对象的属性时,如果新对象本身不含有此属性(含有此属性表示构造函数在用this提及的属性,或对象动态创建属性,可以用hasOwnProperty判断),就会访问共享的prototype对象中含有的属性。
说了这么多,还是没说到重点,所以神奇的重点是:

我们自己定义的对象,如果是在构造函数的是prototype对象定义属性和方法,这些属性和方法将会被所有通过这个构造函数new的对象共享。但这些共享的属性和方法是不能被改变的。我们改变对象的某个属性时,其实是为对象创建一个动态属性。这时才为这个对象属性分配空间。这就是javascript对象的奥秘。

顺便提一句,jQuery就是应用这一个特性,所以虽然jQuery的方法越定义越多,即使创建无数jQuery对象也不会害怕内存浪费了。但jQuery 扩展,请不要添加成员变量,详细请看http://openxtiger.iteye.com/blog/1631022



 

1
3
分享到:
评论

相关推荐

    《JavaScript程序设计案例教程》课件(共13章)第1章 JavaScript程序设计案例教程.pdf

    《JavaScript程序设计案例教程》课件(共13章)第1章 JavaScript程序设计案例教程.pdf《JavaScript程序设计案例教程》课件(共13章)第1章 JavaScript程序设计案例教程.pdf《JavaScript程序设计案例教程》课件(共13章)第...

    JavaScript设计模式+JavaScript模式+JavaScript异步编程

    - 观察者模式:定义对象间的一种一对多依赖关系,当一个对象的状态发生改变时,所有依赖于它的对象都会得到通知并自动更新。 - 代理模式:为其他对象提供一种代理以控制对这个对象的访问。 - 原型模式:利用原型...

    JavaScript程序设计

    JavaScript程序设计JavaScript程序设计JavaScript程序设计JavaScript程序设计JavaScript程序设计JavaScript程序设计JavaScript程序设计JavaScript程序设计JavaScript程序设计JavaScript程序设计JavaScript程序设计...

    javascript DOM高级程序设计 及 javascript 设计模式

    在吃透了前面所说的书之后,接下来两本书的顺序已经无关紧要了,《JavaScript DOM高级程序设计》(注意和《JavaScript 高级程序设计》相区别)和《JavaScript设计模式》,这两本都是重量级的书,能让你的JS技术上一...

    二阶段:JavaScript程序设计

    二阶段:JavaScript程序设计二阶段:JavaScript程序设计二阶段:JavaScript程序设计二阶段:JavaScript程序设计二阶段:JavaScript程序设计二阶段:JavaScript程序设计二阶段:JavaScript程序设计二阶段:JavaScript...

    Head Frist JavaScript 程序设计.pdf

    《Head First JavaScript程序设计》是一本专为初学者准备的JavaScript入门教材。本书由埃里克·T.弗里曼和伊丽莎白·罗布森撰写,中文版由袁国忠翻译,隶属于图灵程序设计丛书。该书的特点在于其活泼的语言风格和...

    Javascript 设计模式 电子书

    在深入探讨《Javascript 设计模式》这本电子书之前,需要先理解设计模式的含义及其在软件开发中的重要性。设计模式是软件工程领域中经过时间验证的一套最佳实践和解决方案,它们针对特定问题提供了模板化设计方案。...

    Javascript 程序设计基础教程(第2版)_习题答案

    JavaScript是一种广泛...总的来说,"JavaScript程序设计基础教程(第2版)_习题答案"涵盖了JavaScript的基础知识和现代特性,通过解答习题,学习者将能够熟练掌握JavaScript编程,从而能够创建交互式的网页和应用程序。

    Javascript程序设计教程-电子教案

    JavaScript程序设计教程是针对编程初学者和进阶者的一份详尽的教学资料,由李林和施伟伟两位专家编写。这份教程以PPT的形式,深入浅出地讲解了JavaScript的核心概念、语法特性以及实际应用,旨在帮助学习者掌握这门...

    学用JavaScript设计模式

    书中不仅介绍了JavaScript中经典和现代的设计模式,还包括了针对不同JavaScript开发框架(如MVC、MVP、MVVM)的设计模式,以及最新的模块化JavaScript设计模式(AMD、CommonJS、ES Harmony)和jQuery中的设计模式。...

    超酷Javascript网页设计作品

    这个名为“超酷Javascript网页设计作品”的压缩包显然包含了能够帮助初学者和设计师提升网页设计技能的资源。让我们深入探讨一下JavaScript在网页设计中的应用和相关知识点。 一、JavaScript基础 1. 变量与数据...

    《JavaScript程序设计基础教程》 课件

    《JavaScript程序设计基础教程》 课件 课程名:JavaScript 程序设计基础教程 <br>-------------------------------------------------------------------------------- <br>一、课程目的和要求 掌握HTML...

    智能社原创新版javaScript视频教程全集11G.rar

    本资源是智能社原创新版JavaScript视频教程全集,共11G。适用于想要系统学习JavaScript的初学者和进阶者。本教程从基础语法、DOM操作、事件处理、Ajax等方面全面讲解了JavaScript的核心知识点,同时结合实际案例进行...

    JavaScript课程设计及其课程项目实战.zip

    Javascript 第二章 JavaScript语句和函数 Javascript 第三章 JavaScript常用对象 Javascript 第四章 JavaScript高级对象 Javascript 第五章 文档对象模型 Javascript 第六章 JavaScript事件及应用 Javascript 第七章...

    Javascript 高级程序设计(第3版)超清中文PDF

    无论你是初学者还是经验丰富的开发者,都能从中受益匪浅,提升自己的JavaScript技能,从而更好地应对现代Web开发的挑战。 总之,这本书覆盖了JavaScript的各个方面,从基础到高级,从理论到实践,是每个JavaScript...

    javascript课程设计

    javascript课程设计,需要的可下载

    JavaScript+jQuery程序设计 源码

    通过分析和实践这个"JavaScript+jQuery程序设计 源码",学习者不仅能巩固JavaScript和jQuery的基础知识,还能提升实际项目开发经验,尤其是处理网页交互和动态效果的能力。同时,这也将有助于理解和应用更多高级特性...

    Javascript小游戏(原创)

    这些都需要深入理解JavaScript的数据结构、循环、条件判断等基本概念,以及可能的算法设计。 总的来说,这个JavaScript小游戏展示了JavaScript在Web游戏开发中的强大功能,涉及了DOM操作、事件处理、Canvas绘图、...

    精通HTML5+CSS3+JavaScript网页设计.z01

    精通HTML5+CSS3+JavaScript网页设计是网页设计的精髓的一本书,《精通HTML5 + CSS3+JavaScript网页设计》以应用实例和综合实战案例的形式逐一详解了HTML5网页设计的文档结构、文本、图像、用HTML5创建超链接、表格、...

Global site tag (gtag.js) - Google Analytics