一、原型模式结构
复制代码 代码如下:
// 定义一个jQuery构造函数
var jQuery = function() {
};
// 扩展jQuery原型
jQuery.prototype = {
};

上面是一个原型模式结构,一个jQuery构造函数和jQuery实例化对象的的原型对象,我们一般是这样使用的:
复制代码 代码如下:
var jq = new jQuery(); //变量jq通过new关键字实例化jQuery构造函数后就可以使用原型对象中的方法,但是jQuery并不是这么使用的

二、返回选择器实例
复制代码 代码如下:
var jQuery = function() {
// 返回选择器实例
return new jQuery.prototype.init();
};
jQuery.prototype = {
// 选择器构造函数
init: function() {
}
};

虽然jQuery不是通过new关键字实例化对象,但是执行jQuery函数仍然得到的是一个通过new关键字实例化init选择器的对象,如:
var navCollections = jQuery('.nav'); //变量navCollections保存的是class名为nav的DOM对象集合.
三、访问原型方法
复制代码 代码如下:
var jQuery = function() {
// 返回选择器实例
return new jQuery.prototype.init();
};
jQuery.prototype = {
// 选择器构造函数
init: function() {
},
// 原型方法
toArray: function() {
},
get: function() {
}
};
// 共享原型
jQuery.prototype.init.prototype = jQuery.prototype;

我们一般习惯称jQuery函数中返回的选择器实例对象为jQuery对象,如我们可以这样使用:
复制代码 代码如下:
jQuery.('.nav').toArray(); // 将结果集转换为数组

为什么可以使用toArray方法呢? 即如何让jQuery对象访问jQuery.prototype对象中的方法?只需将实例化选择器对象的原型对象共享jQuery.prototype对象,上面体现代码为:
复制代码 代码如下:
jQuery.prototype.init.prototype = jQuery.prototype; // 共享原型

四、自执行匿名函数
复制代码 代码如下:
(function(window, undefined) {
var jQuery = function() {
// 返回选择器实例
return new jQuery.prototype.init();
};
jQuery.prototype = {
// 选择器构造函数
init: function() {
},
//原型方法
toArray: function() {
},
get: function() {
}
};
jQuery.prototype.init.prototype = jQuery.prototype;
// 局部变量和函数在匿名函数执行完后撤销
var a, b, c;
function fn() {
}
// 使jQuery成为全局变量
window.jQuery = window.$ = jQuery;
})(window);

自执行匿名函数中声明的局部变量和函数在匿名函数执行完毕后撤销,释放内存,对外只保留jQuery全局变量接口。

来源: http://www.cnblogs.com/yangjunhua/archive/2012/12/27/2835989.html

标签:
jquery,框架

免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件! 如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
狼山资源网 Copyright www.pvsay.com

评论“jQuery基础框架浅入剖析”

暂无“jQuery基础框架浅入剖析”评论...

RTX 5090要首发 性能要翻倍!三星展示GDDR7显存

三星在GTC上展示了专为下一代游戏GPU设计的GDDR7内存。

首次推出的GDDR7内存模块密度为16GB,每个模块容量为2GB。其速度预设为32 Gbps(PAM3),但也可以降至28 Gbps,以提高产量和初始阶段的整体性能和成本效益。

据三星表示,GDDR7内存的能效将提高20%,同时工作电压仅为1.1V,低于标准的1.2V。通过采用更新的封装材料和优化的电路设计,使得在高速运行时的发热量降低,GDDR7的热阻比GDDR6降低了70%。