pourquoi Array.prototype.map.call au lieu de Array.map.call

Je suis tombé sur quelques lignes de code où le gars utilise Array.prototype.map.call au lieu de Array.map.call:

function getLinks() {
    var links = document.querySelectorAll('h3.r a');
    return Array.prototype.map.call(links, function(e) {
        return e.getAttribute('href');
    });
}

Pourquoi ne pas simplement appeler Array.map.call? J'ai vérifié sur le Firefox de la console et les deux Array et Array.prototype ont la fonction map. Est-il une différence ?

source d'informationauteur PerrierCitror | 2013-11-22

  1. 29

    C'est parce que document.querySelectorAll ne renvoie pas un Array instance, mais une instance de NodeList (ou au moins n'est pas garanti de retour d'un Array sur tous les navigateurs).
    NodeList a indexé les éléments mais ne comprend pas toutes les méthodes de la Array prototype.

    C'est pourquoi nous avons besoin d'un hack appel map méthode de Array'prototype dans le contexte de l'objet retourné.

    Je suppose que vous comprenez que pour:

    var a = [], f = function() {};

    l'expression:

    a.map(f);

    est équivalent à:

    Array.prototype.map.call(a, f);

    Voir aussi:

  2. 9

    Parce que Array.map.call ne fonctionne pas. Array.map est construit pour accepter deux paramètres: le tableau, et le rappel. call exécute une fonction de réglage de son this à l'objet de l'offre.

    Donc, lorsque vous exécutez Array.prototype.map.call(somearray,function(){...}); il est pratiquement le même que si vous l'avez appelé somearray.map(function(){...});. Array.map est juste une méthode utilitaire Javascript dans Firefox que (une autre raison de ne pas l'utiliser) a pour rendre la vie plus facile. Le Array.map fonction n'est pas cross-browser.

    Edit: La raison qu'ils avaient à utiliser Array.prototype.map.call(links,...); au lieu de simplement links.map(...);c'est que querySelectorAll ne pas retourner un tableau normal, il renvoie une NodeList qui n'ont pas de map méthode.

  3. 2

    Bonne Question:

    Tableau est une fonction constructeur pour créer des tableaux.

    Si vous le type de Tableau dans le navigateur de la console, vous obtiendrez une définition de fonction, quelque chose comme


    la fonction Array() { [native code] }

    Si vous le type de Tableau.prototype dans le navigateur de la console, vous obtiendrez un tableau vide je.e [ ]
    c'est à dire un objet de Tableau.

    Considérons cet extrait

    function a(){
console.log('hi');
function b(){console.log('b');}
function c(){console.log('c');}
return {b:b,c:c,d:this}
}

    Lorsque vous tapez d = new a();
    Alors d est un objet possédant les deux propriétés qui sont des fonctions c'est à dire b et c et vous pouvez appeler

    >> d.b() //logs b
    >> d.c() //logs c

    Mais vous ne pouvez pas appeler

    a.b() or a.c() //depuis la fonction b et c n'est pas la propriété d'un.

    Ainsi, tout comme la fonction b et c sont définis en fonction de un. De même, la fonction de la carte est définie dans la fonction Array.

    Si vous ne pouvez pas appeler Array.map() mais vous avez pour obtenir un objet de Tableau et de l'appel de fonction map.
    Array.prototype nous donne un Tableau d'objet
    ils sont Donc à l'aide de Array.prototype.map.call(a,func)

    Désolé pour la longue explication. Espérons qu'il avantages.:)

  4. 1

    map est destinée à être appelée sur les instances d'array. Ainsi, Array.prototype.map. Array.map n'existe pas dans la plupart des navigateurs.

  5. 1

    Ils ont probablement évité Array.map car il n'existe pas dans Chrome ou IE.