ホームページ  >  記事  >  ウェブフロントエンド  >  jQueryでの.makeArray()のコード読み取り

jQueryでの.makeArray()のコード読み取り

黄舟
黄舟オリジナル
2017-07-19 09:41:151116ブラウズ

jquery の makeArray 関数は配列のようなオブジェクトを配列に変換できます。公式の API の説明とテスト例はこちら (Convert) 配列のようなオブジェクトを真の JavaScript 配列に変換します。) では、配列のようなオブジェクトとは何でしょうか? (配列状オブジェクト) これは、Arrrary-Like

Array-Like Object

真の JavaScript 配列、または非負の整数 length プロパティを含む JavaScript オブジェクトの定義です。 0からlengthまでのインデックスプロパティ - 1。この後者の場合には、argumentsargumentsNodeList object returned by many DOM methods.

When a jQuery API accepts either plain Objects or Array-Like objects, a plain Object with a numeric length オブジェクトなど、Web ベースのコードでよく見られる配列のようなオブジェクトが含まれます。

多くの DOM メソッドによって返される

NodeList

オブジェクト。

jQuery API がプレーン オブジェクトまたは Array-Like オブジェクトを受け入れる場合、数値

プロパティを持つプレーン オブジェクト 配列のような動作をトリガーします。

には長さ属性が含まれており、値は負ではなく、添え字に従って属性にアクセスできます。一般的な配列のようなオブジェクトには、引数、NodeList


// results is for internal usage only result是jquery内部使用的参数,如果不为空则把array并到resuls上
	makeArray: function( array, results ) {
		var ret = results || [];

		if ( array != null ) {
			// The window, strings (and functions) also have 'length'
			// Tweaked logic slightly to handle Blackberry 4.7 RegExp issues #6930
			var type = jQuery.type( array );
			//array没有length属性,或者为string类型,function类型,window类型,或者黑莓中正则对象,黑莓中正则对象也含有length对象,则push到result
			if ( array.length == null || type === "string" || type === "function" || type === "regexp" || jQuery.isWindow( array ) ) {
				push.call( ret, array );
			} else {
				//调用merge把类数组array合并到ret
				jQuery.merge( ret, array );
			}
		}

		return ret;
	}

ここで呼ばれるjquery.type


jquery.isWindow() 1.7.1は、objにsetInterval属性「setInterval」が含まれているかどうかで判断され、In今後は、obj == obj.window


🎜
isWindow:function(obj){
			return obj && typeof obj === "object" && "setInterval" in obj;
			//1.7.2: return obj != null && obj == obj.window;
		},
🎜🎜 の公式説明では、jQuery.merge(frist, Second) を呼び出します。この関数の機能はマージです。 2 番目の配列または配列のようなオブジェクトは最初のオブジェクトにマージされます 🎜🎜🎜🎜
merge: function( first, second ) {
		var i = first.length,
			j = 0;
		//length属性为数字,则把second当做数组处理,没有length属性或者不为数字当做含有连续整型的属性对象处理{0:"HK",1:"CA"}
		if ( typeof second.length === "number" ) {
			for ( var l = second.length; j < l; j++ ) {
				first[ i++ ] = second[ j ];
			}

		} else {
			while ( second[j] !== undefined ) { //把不为undefined的都合并到first中
				first[ i++ ] = second[ j++ ];
			}
		}

		first.length = i; //修正length属性,fisrt可能不为真正的数组类型

		return first;
	},

以上がjQueryでの.makeArray()のコード読み取りの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。