小鱼塘--自说自话的地方

  • 小玩意
  • 小想法
记录自己技术和想法地方
  1. 首页
  2. javascript
  3. jquery
  4. 正文

jquery 为什么要这么写

14 9 月, 2021 2281点热度 0人点赞 0条评论
内容目录

jqery 生成对象写法,我们调用jquery $("div")然后调用对应的函数或者属性我们就能快乐写代码了,通过他历史版本发现他们思路。

历史版本

var jQuery = function(a,c) {
	// If the context is global, return a new object
	if ( window == this )
		return new jQuery(a,c);

	// Make sure that a selection was provided
	a = a || document;
	
	// HANDLE: $(function)
	// Shortcut for document ready
	if ( jQuery.isFunction(a) )
		return new jQuery(document)[ jQuery.fn.ready ? "ready" : "load" ]( a );
	
	// Handle HTML strings
	if ( typeof a  == "string" ) {
		// HANDLE: $(html) -> $(array)
		var m = /^[^<]*(<(.|\s)+>)[^>]*$/.exec(a);
		if ( m )
			a = jQuery.clean( [ m[1] ] );
		
		// HANDLE: $(expr)
		else
			return new jQuery( c ).find( a );
	}
	
	return this.setArray(
		// HANDLE: $(array)
		a.constructor == Array && a ||

		// HANDLE: $(arraylike)
		// Watch for when an array-like object is passed as the selector
		(a.jquery || a.length && a != window && !a.nodeType && a[0] != undefined && a[0].nodeType) && jQuery.makeArray( a ) ||

		// HANDLE: $(*)
		[ a ] );
};

1.1.3以下版本(包括),没有采用闭包,但还是用的匿名函数异常内部实现,这个里面直接写选择逻辑,这种是我们常见写法,这个时候他们还没有单独把选择器代码用init的函数单独封装起来。这里含有new的和选择代码,不同代码逻辑放在一个函数里面,这样子就比较混乱,还是后面代码清晰很多。

1.1.4版本

var jQuery = function(a,c) {
	// If the context is global, return a new object
	if ( window == this || !this.init )
		return new jQuery(a,c);
	
	return this.init(a,c);
};

jquery 为了用户 无论new不new都是返回jquery对象,后面高版本全部都直接new,这样子代码简答一点,同时进行代码隔离,Jquery 函数对象 与 new Jquery对象分开, 因为它的调用

new JQuery.fn.init();

new其实 init 对象,与jquery 没有关系, 为了使用jquery 原始链的方法,又把init 原始链替换成Jquery的原型链

开始init 只是作为入口函数而已,代码清晰好多。

return new jQuery( c ).find( a );

老代码查找用重新new 而已,后面用原型链感觉只是代码更加清晰,别的书籍说了为了隔离,我感觉不是很靠谱,基本上都是为了返回jquery对象而已。

jquery 历史老版本地址

Google Code Archive - Long-term storage for Google Code Project Hosting.

这个google地址,所以需要梯子

补充

直接复制自己笔记,后面可能会补充修改

今天用Java写网络代码,好久没有这么写代码,一气呵成写逻辑代码,感觉就没有停下来过。。写着突然明白以前不是很懂的东西,现在看来真简单。

标签: jquery 源代码
最后更新:14 9 月, 2021

小鱼儿

爱研究技术,爱玩LOL

点赞

COPYRIGHT © 2022 小鱼塘. ALL RIGHTS RESERVED.

Theme Kratos Made By Seaton Jiang

湘ICP备18005349号