Was ist Kontext in _.each (Liste, Iterator, [Kontext])?

Ich bin neu underscore.js. Was ist der Zweck der [context] im _.each()? Wie sollte es verwendet werden?

InformationsquelleAutor der Frage ram | 2011-02-09

  1. 213

    Den context-parameter stellt nur der Wert der this in der iterator-Funktion.

    var someOtherArray = ["name","patrick","d","w"];

_.each([1, 2, 3], function(num) { 
    //In here, "this" refers to the same Array as "someOtherArray"

    alert( this[num] ); //num is the value from the array being iterated
                        //   so this[num] gets the item at the "num" index of
                        //   someOtherArray.
}, someOtherArray);

    Beispiel: http://jsfiddle.net/a6Rx4/

    Es nutzt die Zahl von jedem Element der Array wird iteriert man das Element an dieser Indexposition des someOtherArraydiese vertreten durch den this da Gaben wir es als context-parameter.

    Wenn Sie nicht den Kontext, dann this beziehen sich auf die window Objekt.

    InformationsquelleAutor der Antwort user113716

  2. 47

    context ist, wo this bezieht sich auf in Ihre iterator-Funktion. Zum Beispiel:

    var person = {};
person.friends = {
  name1: true,
  name2: false,
  name3: true,
  name4: true
};

_.each(['name4', 'name2'], function(name){
  //this refers to the friends property of the person object
  alert(this[name]);
}, person.friends);

    InformationsquelleAutor der Antwort Harmen

  3. 6

    Kontext können Sie die Argumente im Aufruf-Zeit, so dass eine einfache Anpassung der generischen vordefinierten Hilfsfunktionen.

    einige Beispiele:

    //stock footage:
function addTo(x){ "use strict"; return x + this; }
function pluck(x){ "use strict"; return x[this]; }
function lt(x){ "use strict"; return x < this; }

//production:
var r = [1,2,3,4,5,6,7,8,9];
var words = "a man a plan a canal panama".split(" ");

//filtering numbers:
_.filter(r, lt, 5); //elements less than 5
_.filter(r, lt, 3); //elements less than 3

//add 100 to the elements:
_.map(r, addTo, 100);

//encode eggy peggy:
_.map(words, addTo, "egg").join(" ");

//get length of words:
_.map(words, pluck, "length"); 

//find words starting with "e" or sooner:
_.filter(words, lt, "e"); 

//find all words with 3 or more chars:
_.filter(words, pluck, 2);

    Sogar aus dem begrenzten Beispielen können Sie sehen, wie mächtig ein "zusätzliches argument" für die Erstellung von wiederverwendbaren code. Anstatt einen anderen callback-Funktion für jede situation können Sie in der Regel die Anpassung eines low-level-Helfer. Das Ziel ist es, Ihre eigene Logik Bündelung ein verb und zwei Nomen, mit minimalen boilerplate.

    Zugegeben, Pfeil-Funktionen beseitigt haben viele der "code golf" Vorteile von generischen reinen Funktionen, sondern die semantische und die Konsistenz, die Vorteile bleiben.

    Ich immer "use strict" Helfern zu nativen [].map() Kompatibilität bei der übergabe primitiven. Andernfalls sind Sie gezwungen, in Objekte, die in der Regel immer noch funktioniert, aber es ist schneller und sicherer werden Typ-spezifisch.

    InformationsquelleAutor der Antwort dandavis

Schreibe einen Kommentar