JavaScript: Funktion, die ein Objekt zurückgibt

Ich nehme einige JavaScript / jQuery-Lektionen bei codecademy.com. Normalerweise liefern die Lektionen Antworten oder Hinweise, aber für diese gibt es keine Hilfe und ich bin ein wenig verwirrt von den Anweisungen.

Die Funktion makeGamePlayer soll ein Objekt mit drei Schlüsseln zurückgeben.

//First, the object creator
function makeGamePlayer(name,totalScore,gamesPlayed) {
    //should return an object with three keys:
    // name
    // totalScore
    // gamesPlayed
}

Ich bin mir nicht sicher, ob ich das tun soll

//First, the object creator
function makeGamePlayer(name,totalScore,gamesPlayed) {
    //should return an object with three keys:
    // name
    // totalScore
    // gamesPlayed

         this.name =  name;
         this.totalScore = totalScore;
         this.gamesPlayed = gamesPlayed;
}

oder so ähnlich

 //First, the object creator
    function makeGamePlayer(name,totalScore,gamesPlayed) {
        //should return an object with three keys:
        // name
        // totalScore
        // gamesPlayed

         var obj = {
             this.name =  name;
             this.totalScore = totalScore;
             this.gamesPlayed = gamesPlayed;
          }
    }

Ich muss in der Lage sein, die Eigenschaften des Objekts nach seiner Erstellung zu ändern.

In JavaScript sind die meisten Funktionen sowohl aufrufbar als auch instanziierbar: Sie verfügen über interne Methoden [[Aufruf]] und [[Konstruieren]] .

Als aufrufbare Objekte können Sie sie in Klammern aufrufen und optional einige Argumente übergeben. Als Ergebnis des Aufrufs kann die Funktion einen Wert zurückgeben .

var player = makeGamePlayer("John Smith", 15, 3);

Der obige Code ruft die Funktion auf makeGamePlayerund speichert den zurückgegebenen Wert in der Variablen player. In diesem Fall möchten Sie die Funktion möglicherweise folgendermaßen definieren:

function makeGamePlayer(name, totalScore, gamesPlayed) {
  // Define desired object
  var obj = {
    name:  name,
    totalScore: totalScore,
    gamesPlayed: gamesPlayed
  };
  // Return it
  return obj;
}

Wenn Sie eine Funktion aufrufen, übergeben Sie außerdem ein zusätzliches Argument unter der Haube, das den Wert thisinnerhalb der Funktion bestimmt. Im obigen Fall makeGamePlayerist der thisWert , da er nicht als Methode aufgerufen wird, das globale Objekt im schlampigen Modus oder im strengen Modus undefiniert.

Als Konstruktoren können Sie den newOperator verwenden , um sie zu instanziieren. Dieser Operator verwendet die interne Methode [[Construct]] (nur in Konstruktoren verfügbar), die ungefähr Folgendes ausführt:

1. Erstellt ein neues Objekt, das vom .prototypeKonstruktor erbt
2. Ruft den Konstruktor auf, der dieses Objekt als thisWert übergibt
3. Es gibt den vom Konstruktor zurückgegebenen Wert zurück, wenn es sich um ein Objekt handelt, oder das in Schritt 1 erstellte Objekt.

var player = new GamePlayer("John Smith", 15, 3);

Der obige Code erstellt eine Instanz von GamePlayerund speichert den zurückgegebenen Wert in der Variablen player. In diesem Fall möchten Sie die Funktion möglicherweise folgendermaßen definieren:

function GamePlayer(name,totalScore,gamesPlayed) {
  // `this` is the instance which is currently being created
  this.name =  name;
  this.totalScore = totalScore;
  this.gamesPlayed = gamesPlayed;
  // No need to return, but you can use `return this;` if you want
}

Konventionell beginnen Konstruktornamen mit einem Großbuchstaben.

Der Vorteil der Verwendung von Konstruktoren besteht darin, dass die Instanzen von erben GamePlayer.prototype. Anschließend können Sie dort Eigenschaften definieren und in allen Instanzen zur Verfügung stellen

Sie können es einfach so mit einem Objektliteral machen :

function makeGamePlayer(name,totalScore,gamesPlayed) {
    return {
        name: name,
        totalscore: totalScore,
        gamesPlayed: gamesPlayed
    };
}

Beide Stile würden mit einem Hauch von Optimierung funktionieren.

Die erste Methode verwendet einen Javascript-Konstruktor, der wie die meisten Dinge Vor- und Nachteile hat.

 // By convention, constructors start with an upper case letter
function MakePerson(name,age) {
  // The magic variable 'this' is set by the Javascript engine and points to a newly created object that is ours.
  this.name = name;
  this.age = age;
  this.occupation = "Hobo";
}
var jeremy = new MakePerson("Jeremy", 800);

Auf der anderen Seite heißt Ihre andere Methode "Revealing Closure Pattern", wenn ich mich richtig erinnere.

function makePerson(name2, age2) {
  var name = name2;
  var age = age2;

  return {
    name: name,
    age: age
  };
}

Der neueste Weg, dies mit ES2016 JavaScript zu tun

let makeGamePlayer = (name, totalScore, gamesPlayed) => ({
    name,
    totalScore,
    gamesPlayed
})

Ich würde diese Anweisungen so verstehen:

  function makeGamePlayer(name,totalScore,gamesPlayed) {
        //should return an object with three keys:
        // name
        // totalScore
        // gamesPlayed

         var obj = {  //note you don't use = in an object definition
             "name": name,
             "totalScore": totalScore,
             "gamesPlayed": gamesPlayed
          }
         return obj;
    }