`

编写jquery插件中的闭包demo

    博客分类:
  • UI
阅读更多
demo中的代码,需要jquery库文件支持
//闭包特性,
//1. 避免内部临时变量影响全局空间,
//2. 插件内部继续使用$作为jquery别名

/**
定义一个匿名函数--闭包
**/
;(function($){//$作为匿名函数的参数
	//这里编写插件代码,可以继续使用$作为jquery的别名
	/**
	定义一个局部变量foo,仅函数内部可以访问,外部无法访问
		--利用闭包特性,可以避免内部临时变量影响全局空间,又可以再插件内部继续使用$作为jquery的别名
		--独立,有关联,且无污染
	**/
	var foo;
	
	var bar = function(){
		foo="aa";
		alert(foo);
		/**
			1.匿名函数内部的函数都可以访问foo
			2.匿名函数的外部调用bar()的时候,也可以再bar()内部访问到foo,但是在匿名函数外部直接访问foo是不可以的
		**/
	}
	
	/**
		功能:扩展匿名函数内的私有函数bar()到全局可访问范围
		调用:在匿名函数外通过jQuery.BAR()来访问闭包内定义的函数bar(),且,bar()必然是可以访问foo私有变量的
	**/
	$.BAR=bar;
	
})(jQuery);//将jquery作为实参传递给匿名函数

$(function(){
		$.BAR();
})

/**
以上概念简单介绍了jquery的闭包概念,显然闭包不是几句话能讲清楚的
但对于插件的制作来说,只需要知道所有插件的代码必须放在下面的代码内部就可以了
;(function(){
	//填写jquery插件代码
})(jQuery);
**/
分享到:
评论

相关推荐

    jQuery插件集之(js写的俄罗斯方块)+Demo

    总的来说,这个"jQuery插件集之(js写的俄罗斯方块)+Demo"为我们提供了一个实用的示例,帮助我们深入理解jQuery的用法,特别是如何结合JavaScript进行游戏开发。无论是对新手还是有一定经验的开发者,都能从中获益,...

    锋利的jquery 第2版 demo

    书中的demo可能会展示如何编写自定义插件,以及如何利用`$.fn.extend()`和闭包等技术。 7. **响应式设计**:随着移动设备的普及,响应式设计成为必需。书中可能涉及如何使用jQuery适应不同屏幕尺寸,如`resize()`...

    jquery封装的天气预报

    关于“js闭包demo”的文件,这可能是一个JavaScript示例文件,用来演示如何在jQuery插件中使用闭包技术。闭包是JavaScript中的一个重要概念,它允许内部函数访问并操作外部函数的变量,即使外部函数已经执行完毕。在...

    一个简单的jQuery插件制作 学习过程及实例

    本文将通过一个具体的实例——制作一个弹出层插件(dBox)来解析jQuery插件的制作过程。 首先,我们了解jQuery插件的基本结构。为了防止全局变量污染和确保插件的独立性,通常会使用一个立即执行的函数表达式(IIFE...

    JQ 插件的理解

    而 jQuery 插件则是开发者为了扩展 jQuery 功能而编写的代码模块。这些插件可以增加新的功能,如图片轮播、表单验证、图表绘制等,极大地丰富了 jQuery 在实际项目中的应用。 ### 1. jQuery 插件的基本结构 一个...

    jquery-source-demo:jquery原始码学习

    6. **插件机制**:jQuery的插件机制允许开发者扩展其功能,源码中可以发现如何通过`.extend()`方法实现公共属性和方法的合并,以及如何通过`.fn.extend()`添加新的DOM方法。 7. **优化技巧**:jQuery源码中包含许多...

    jquery学习资料,好多例子

    此外,jQuery插件是其强大之处。社区开发的插件丰富多样,如轮播图插件(如Slick)、表单验证(如jQuery Validation Plugin)等,只需简单的引入和调用,即可增强网页功能。 在压缩包中的例子,可能涵盖了这些知识...

Global site tag (gtag.js) - Google Analytics