Warum die Ergebnisse variieren, basierend auf geschweiften Klammer die Platzierung?

Warum der code-Schnipsel unten, entnommen aus dieser Artikel, zu unterschiedlichen Ergebnissen führen, durch nur eine einzige änderung in der Platzierung von geschweiften Klammern?

Wenn der öffnenden geschweiften Klammer { ist auf einer neuen Zeile test() zurück undefined, und "Nein - es brach: "undefined" angezeigt wird, in der alert.

JS:

function test()
{
  return
  { /* <--- curly brace on new line */
    javascript: "fantastic"
  };
}

var r = test();
try {
  alert(r.javascript); //does this work...?
} catch (e) {
  alert('no - it broke: ' + typeof r);
}

Wenn die Klammer auf der gleichen Linie wie return, test() gibt ein Objekt zurück, und "fantastisch" ist alarmiert.

JS:

function test()
{
  return { /* <---- curly brace on same line */
    javascript: "fantastic"
  };
}

var r = test();
try {
  alert(r.javascript); //does this work...?
} catch (e) {
  alert('no - it broke: ' + typeof r);
}

  • die semi-insertion-Semantik nach return sind etwas anders als in anderen Orten, und ein line-break "heißt mehr" in diesem Punkt, als wäre es "midstream".
InformationsquelleAutor JustLearn | 2010-09-04
  1. 135

    Das ist eine der Tücken von JavaScript: automatic semicolon insertion. Zeilen, die nicht mit einem Semikolon enden, aber könnte das Ende einer Anweisung automatisch beendet, also dein erstes Beispiel sieht effektiv wie diese: 

    function test()
{
  return; //<- notice the inserted semicolon
  { 
    javascript: "fantastic"
  };
}

    Siehe auch Douglas Crockford ' s JS style-guide, die erwähnt Semikolon einfügen.

    In Ihrem zweiten Beispiel, das Sie gibt ein Objekt zurück (gebaut von den geschweiften Klammern {}) mit der Eigenschaft javascript und seinen Wert von "fantastic" effektiv die gleiche wie diese:

    function test() {
    var myObject = new Object();
    myObject.javascript = "fantastic";
    return myObject;
}
    • +1 javascript automatic semicolon insertion
    • Genau richtig. Crockford hat einen googletalk-video auf youtube, wo er veranschaulicht dies sehr deutlich.
    • Spaß Tatsache: bei einigen Motoren kann man kommentieren Sie die automatisch eingefügten Semikolons
    • Was? Welche? Ist dies erforscht irgendwo?
    • Ich habe definitiv gelesen Artikel darüber, aber ich kann nicht scheinen, um herauszufinden, alle von Ihnen aus eine schnelle Suche. Ich erinnere mich, dass die Inbetriebnahme return /* und dann */{ würde effektiv kommentieren Sie die versteckten semi-colon in älteren Versionen von chrome. Nicht sicher, ob das immer noch gilt
    • Wegen dieser Macken ich machte ein Versprechen an mich selbst vor 10 Jahren: Finger Weg vom web! Ich betete darum, dass im Internet herum würde verschwinden... Leider ist es nicht so wie es geplant und jetzt habe ich zu kämpfen mit diesen Themen. Karma is a b*tch 🙂
    • Hier ist ein weiteres Beispiel für eine Ausgabe: BB.promisifyAll(myFs); // name the anon function (async myReadFileAsync => { const contents = await myFs.readFileAsync('filename.txt') console.log('promisifyAll: ', contents) })() Ohne die ; wird, versuchen Sie es zum ausführen der Rückkehr aus BB.promisifyAll(myFs) das ist nicht das, was ich beabsichtigte.
    • Ich habe Menschen gesehen, die sind religiös gegen Semikolons in JavaScript, ich habe mich immer gefragt, was tun Sie mit, dass die zusätzliche Zeit, die Sie sparen, indem Sie nicht Semikolons.

    InformationsquelleAutor Residuum
  2. 7

    Javascript erfordert keine Semikolons am Ende der Anweisungen, aber der Nachteil ist, dass es zu erraten, wo die Semikolons sind. Die meisten der Zeit ist dies kein problem, aber manchmal erfindet Sie ein Semikolon, wo Sie nicht beabsichtigen, eine.

    Einem Beispiel aus meinem blog-Beitrag über das (Javascript – fast nicht zeilenbasiert):

    Wenn Sie formatieren Sie den code wie folgt:

    function getAnswer() {
   var answer = 42;
   return
      answer;
}

    Dann ist es interpretiert so:

    function getAnswer() {
  var answer = 42;
  return;
  answer;
}

    Die return-Anweisung braucht, es ist parameterlosen form, und das argument wird eine Aussage von selbst.

    Das gleiche passiert mit deinem code. Die Funktion ist wie folgt interpretiert:

    function test()
{
  return;
  {
    javascript : "fantastic"
  };
}
    InformationsquelleAutor Guffa
  3. 1

    Es ist, weil javascript meistens puts ";" am Ende jeder Zeile, also im Grunde, wenn Sie wieder { in einer Zeile javascript-engine zu sehen, dass es etwas mehr sein, und wenn es in neue Zeile er glaubt, Sie habe vergessen,";", und setzt es für Sie.

    • Ich verstehe nicht, warum cichy ist, Darin s und Ivo ' s Antworten waren downvoted?
    InformationsquelleAutor cichy
  4. 1

    Den geschweiften Klammern geben hier den Bau eines neuen Objekts. Also dein code ist äquivalent zu:

    function test() {
  var a = { javascript : "fantastic" };
  return a;
}

    welche Werke in der Erwägung, dass, wenn Sie schreiben:

    function test() {
  var a = { javascript : "fantastic" };
  return; //; is automatically inserted 
      a;
}

    nicht mehr funktioniert.

    InformationsquelleAutor Darin Dimitrov
  5. 1

    Ich persönlich bevorzuge die Allman-Stil für eine bessere Lesbarkeit (vs K&R-Stil).

    Statt...

    function test() {
  return {
    javascript : "fantastic"
  };
}

    Mag ich...

    function test() 
{
  var obj =
  {
    javascript : "fantastic"
  };

  return obj;
}

    Aber das ist ein work-around. Kann ich mit Leben, obwohl es.

    • Ich denke, wir sollten es vermeiden, persönliche Präferenzen, die vom mainstream abweichen. Wir Folgen sollten, die Entscheidungen der Mehrheit, die sich die Förderung der Konsistenz, die Erhöhung der Lesbarkeit
    • Ich finde seinen code besser lesbar als die K&R. Ziemlich subjektiv, wenn du meinst "lesbar"
    • Ich bevorzuge die Allman auch... aber aufgrund ASI, wenn ich ein Objekt zurückgeben, lasse ich den halb auf der gleichen Linie wie die Rückkehr. Ich bevorzuge diese als einen hinzufügen "var x=" line...
    InformationsquelleAutor Michael R
  6. 0

    Das problem ist in der Tat Semikolon-Injektion wie oben beschrieben. Gerade lese ich einen guten blog-posting zu diesem Thema. Es erklärt das Problem, und eine ganze Menge mehr über javascript. Es enthält auch einige gute Referenzen. Sie können Lesen hier

    • Ja, ich habe auch gelesen, dass nach Lesen ich fragt hier besser erklären, indem mastermind von js.
    InformationsquelleAutor Ivo van der Wijk
Schreibe einen Kommentar