Warum müssen wir eval JSON Klammern hinzufügen?

Question

Warum muss der folgende Code ( und ) für eval hinzufügen?

var strJson = eval("(" + $("#status").val().replace(";","") + ")"); 

PS: $("#status").val() kehrt so etwas wie {"10000048":"1","25000175":"2","25000268":"3"};

Answer 1

eval eine JavaScript-Anweisung oder ein Ausdruck, aber {...} wäre als eine Anweisung oder ein Ausdruck gültig, und die Grammatik von JavaScript bevorzugt eine Anweisung.

Als Ausdruck:

{"10000048":"1","25000175":"2","25000268":"3"} 

ist ein Objekt mit einigen Eigenschaften (was du willst).

Als Erklärung ist es ein Block:

{      // begin Block 
    "10000048":   // LabelledStatement (but the quotes are invalid) 
     "1",   // Expression, calculate string "1" then discard it, then 
      "25000175": // you can't put a label inside an expression 

, die einen Fehler gibt.

(JavaScript-Etiketten können eine bestimmte Aussage zu beschriften für die Verwendung mit break/continue verwendet werden. Sie sind ein bisschen sinnlos und fast nie benutzt.)

So durch die Klammern Hinzufügen Sie die Mehrdeutigkeit aufzulösen. Nur ein Ausdruck kann mit ( beginnen, daher werden die Inhalte in einem Ausdruckskontext analysiert, wobei ein Objektliteral und kein Anweisungskontext angegeben wird.

Übrigens ist dies nicht ziemlich genug, um alle möglichen JSON-Werte richtig zu interpretieren. Aufgrund eines Versehens in JSONs Design sind die zwei unvergänglichen Unicode-Zeilenende-Zeichen U + 2028 und U + 2029 dazu berechtigt, in einem JSON-String-Literal, aber nicht in einem JavaScript-String-Literal uncapsiert zu setzen.Wenn Sie sicher sein wollen, können Sie ihnen entkommen, zB:

function parseJSON(s) { 
    if ('JSON' in window) return JSON.parse(s); 
    return eval('('+s.replace(/\u2028/g, '\\u2028').replace(/\u2029/g, '\\u2029')+')'); 
} 

Answer 2

Es hängt davon ab, was der Wert in diesem Element ist (ein unbekannter), ist es in () Verpackung ist der sichere Weg für möglicherweise von kein Eingang zu berücksichtigen da sein.

Edit: Jetzt, wo Sie es JSON geklärt haben, ist dies nicht gültig:

eval('{"10000048":"1","25000175":"2","25000268":"3"}'); 

Aber das wird in einem gültigen Objekt führt zurückgegeben werden:

eval('({"10000048":"1","25000175":"2","25000268":"3"})'); 
//effectively: 
eval('return {"10000048":"1","25000175":"2","25000268":"3"};'); 

Bild in einem JavaScript-Datei:

<script type="text/javascript"> 
    {"10000048":"1","25000175":"2","25000268":"3"} 
</script> 

Dies wird fehlschlagen, es ist nur ein Objekt inline deklariert, aber nicht die richtige Syntax ... die Der gleiche Grund ein Server hat, um JSONP zu unterstützen, damit es funktioniert.

---

Ein bisschen tangential zur Frage, aber da Sie jQuery sind darunter, dann kann man auch verwenden $.parseJSON() (die den nativen JSON.parse(), sofern diese verfügbar werden) dafür: nimmt

var strJson = $.parseJSON($("#status").val().replace(";",""));