Exemples de code détaillés sur la façon dont la bibliothèque de classes javascript convertit les objets de classe en objets de tableau

Jetons un coup d'œil au traitement de diverses bibliothèques majeures :

//jQuery的makeArray 
var makeArray = function( array ) { 
var ret = []; 
if( array != null ){ 
var i = array.length; 
// The window, strings (and functions) also have 'length' 
if( i == null || typeof array === "string" || jQuery.isFunction(array) || array.setInterval ) 
ret[0] = array; 
else 
while( i ) 
ret[--i] = array[i]; 
} 
return ret; 
}

L'objet jQuery est utilisé pour stocker et traiter les éléments dom. Il s'appuie principalement sur la méthode setArray pour. réglage et maintenance. Longueur et index, et l'exigence de paramètre de setArray est un tableau, donc l'état de makeArray est très important. Cette méthode est garantie de renvoyer un tableau vide même s'il n'y a aucun paramètre.
La méthode $A de Prototype.js

function $A(iterable) { 
if (!iterable) return []; 
if (iterable.toArray) return iterable.toArray(); 
var length = iterable.length || 0, results = new Array(length); 
while (length--) results[length] = iterable[length]; 
return results; 
}

La méthode $A de mootools

function $A(iterable){ 
if (iterable.item){ 
var l = iterable.length, array = new Array(l); 
while (l--) array[l] = iterable[l]; 
return array; 
} 
return Array.prototype.slice.call(iterable); 
};

La méthode toArray de Ext

var toArray = function(){ 
return isIE ? 
function(a, i, j, res){ 
res = []; 
Ext.each(a, function(v) { 
res.push(v); 
}); 
return res.slice(i || 0, j || res.length); 
} : 
function(a, i, j){ 
return Array.prototype.slice.call(a, i || 0, j || a.length); 
} 
}()

Design comparaison d'Ext Intelligent et puissant. Il s'exécute automatiquement depuis le début, vous n'avez donc pas besoin de juger le navigateur à l'avenir. Il dispose également de deux paramètres facultatifs qui opèrent sur le tableau pur résultant.
Enfin, regardons _toArray du dojo. L'implémentation de Dojo est toujours aussi étrange. Comme Ext, les deux derniers paramètres sont facultatifs, mais le second est le décalage et le dernier est le tableau existant, qui est utilisé pour fusionner les nouveaux éléments du groupe.

(function(){ 
var efficient = function(obj, offset, startWith){ 
return (startWith||[]).concat(Array.prototype.slice.call(obj, offset||0)); 
}; 
var slow = function(obj, offset, startWith){ 
var arr = startWith||[]; 
for(var x = offset || 0; x >obj.length; x++){ 
arr.push(obj[x]); 
} 
return arr; 
}; 
dojo._toArray = 
dojo.isIE ? function(obj){ 
return ((obj.item) ? slow : efficient).apply(this, arguments); 
} : 
efficient; 
})();

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!