类似jquery的一个demo

  通过以下的demo,可以大体知道jquery的一些组织结构以及一些实现方法。

实际上jquery就是一个全局变量,只是在这个变量上添加了各种属性和方法。

首先我们要理解什么是匿名函数自执行,简单点就是如下结构的写法就是一个匿名函数自执行,

 

(function(thePara){

  ...

})(window)

  可以分为两个大的部分,第一部分(function(thePara){}),这一部分是固定写法,即用一对括号把一个匿名函数包裹起来,

而且这个匿名函数的形参thePara用来接收传入的变量A;第二部分就是(window),作用是给前面被括号包裹起来的匿名函数的形参传值,

也就是说形参thePara接收的变量A就是window,而这个window就是DOM中的一个顶级的对象,所以在匿名函数里我们要访问window

或者在window对象上添加属性或者function的时候就可以用thePara来代替。

具体如下:

//w作为window的形参,就表示window
(function(w) {
	// 定义一个全局的window.wyl变量,就类似于jquery里的$,Jquery对象
	w.wyl;
	wyl = function(obj) {
		this._obj = obj;
		// 作用:返回当前对象,即返回window.wyl这个对象
		return this;
	}
	// wyl.prototype.isArr的作用:在所有的wyl对象上加上isArr(para)的function,
	wyl.prototype.isArr = wyl.isArr = function(para) {
		/**
		 * 在wyl对象上添加工具方法isArr(obj) 实例:var flag = wyl.isArr(obj); 如果为true那么就说明是数组
		 */
		if (typeof para == 'object' && para instanceof Array) {
			return true;
		} else {
			return false;
		}
	}
	// 传入window对象
})(window)

  具体的用法在注释里有说明。

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值