JQuery里的原型prototype分析
来源:互联网 发布:java 发布webservice 编辑:程序博客网 时间:2024/06/14 20:00
可以通过函数对象的 prototype 成员取得这个原型对象的引用。
下面定义一个函数对象 Person,然后通过 prototype 来取得它的原型对象。然后在它的原型对象上定义了一个方法。
function Person(){} Person.prototype.showPerson = function(){ alert( "Person Object.");} var alice = new Person();alice.showPerson();
这个原型对象上定义的成员将用来共享给所有通过这个函数创建的对象使用。相当于 C# 中的实例方法,对象,函数和原型在内存中的关系如下图所示:
每个对象也都有一个原型成员 prototype,通过 new 函数创建的对象会通过函数的 prototype 找到函数的原型,然后将自己的原型指向这个对象。对于不是通过函数创建的对象实例和原型对象,它们的原型会被设置为 Object 函数的原型对象。
Object 函数对象是 JavaScript 中定义的顶级函数对象,在 JavaScript 中所有的对象都直接或者间接地使用 Object 对象的原型。 当访问对象的属性或者方法的时候,如果对象本身没有这个属性或者方法,那么,JavaScript 会检查对象的 prototype 对象是否拥有这个属性或者方法,如果有,则作为对象的属性或者方法返回,如果没有,那么将通过原型对象的 prototype 继续进行检查,直到原型对象为 Object 函数的原型对象为止。
但是 prototype 是一个特殊的属性,在大多数的浏览器上,例如 IE 浏览器,都不能直接访问对象的 prototype 成员。返回的结果为 undefined。不能赋予对象一个新的原型,只能通过创建它的函数来确定对象的原型。
函数对象的原型有一个特殊的用途,就是通过函数 new 创建出来的对象,会自动将函数对象的原型赋予新创建出的对象的原型。这样,如果为某个函数设置了原型对象,那么,所有通过这个函数创建的对象将拥有同样的原型对象。通过这个方法,可以使这些对象共享相同的属性或者方法,来模拟类型的概念。
在 jQuery 中,我们经常使用的 $() 函数就是定义在 window 对象上的 $() 函数。
jQuery = window.jQuery = window.$ = function( selector, context ){ // The jQuery object is actually just the init constructor 'enhanced' return new jQuery.fn.init( selector, context );}
这个函数实际上通过 new jQuery.fn.init( selector, context )来完成,也就是通过 init 函数创建了一个对象。
下面重新指定了函数 init 的原型对象。所以 init 函数的原型对象就是 fn 对象。
// Give the init function the jQuery prototype for later instantiation jQuery.fn.init.prototype = jQuery.fn;
这样所有通过 $ 创建出来的对象都将共享 fn 对象上的成员。因此,jQuery 对象都有了类似 attr 、html 等等方法了。
整理了一下 jQuery 的原型关系图,理解起来更加方便一些。
图例:黄色的为对象,蓝色的为函数。
- JQuery里的原型prototype分析
- JQuery里的原型prototype分析
- JQuery里的原型prototype分析
- JQuery里的原型prototype分析
- JQuery里的原型prototype分析
- JQuery里的原型prototype分析
- 设计模式原型模式(Prototype)- 面馆里的菜单
- 设计模式原型模式(Prototype)- 面馆里的菜单
- 设计模式原型模式(Prototype)- 面馆里的菜单
- 原型模式(ProtoType) - Java里的对象复制
- JavaScript的prototype(原型)
- JavaScript 的原型对象 Prototype
- javascript原型prototype的由来
- javaScript prototype原型的理解
- js的原型prototype理解
- javascript里的prototype
- JQuery 中的原型分析
- javascript原型继承分析(prototype)
- C实现当前机器模式是大端还是小端
- 网络命名空间(内核源码实现)
- SylixOS TPSFS文件系统掉电安全原理浅析
- CSU 1922 Irony Ring 类似单调栈的瞎搞或者线段树
- C++中的srand(time(null))利用时间设置随机种子产生随机数
- JQuery里的原型prototype分析
- HTML5中CSS3的状态伪类选择器
- 【译】在Heroku上部署Django应用(一)
- 理解RESTful架构
- Eclipse 的 WEB项目中增加 JAR包
- ajax请求过程
- 与我一起学C++之list<二>
- maven打包--包含dependency的jar包
- 算法时间复杂度分析