'let und' var 'sind in Typoskript identisch?

Question

Ich warf einen Blick auf AngularJS 2 und Typoskript und ich beschloss, etwas damit zu machen, nur um die Grundlagen von Typescript zu lernen. Bei vielen Nachforschungen fand ich gute Themen über Module, Typescript, und einer von ihnen sprach über den Befehl 'let' und 'var', um Variablen zu deklarieren;

test.ts:

for(let i = 0; i < 1; i++) { 
    alert(i); 
} 
alert(i); 

Zusammengestellt test.js: das Typoskript Code unten sollte nur eine Warnung und wirft einen Fehler in der Konsole nach this Frage, angezeigt werden

for(var i = 0; i < 1; i++) { 
    alert(i); 
} 
alert(i); 
//# sourceMappingURL=test.js.map 

Aber es ist nicht. Der Compiler ignoriert den Befehl "let" und wandelt ihn in den Befehl "var" um. Warum passiert das? Funktioniert Typescript nur ordnungsgemäß mit Klassen?

Ich verwende AngularJS Konfiguration für 'npm start', so ist es kompiliert meine 'test.ts' Datei automatisch:

"scripts": { 
    "start": "tsc && concurrently \"npm run tsc:w\" \"npm run lite\" ", 
    "lite": "lite-server", 
    "postinstall": "typings install", 
    "tsc": "tsc", 
    "tsc:w": "tsc -w", 
    "typings": "typings" 
    }, 

Answer 1

Aber es ist nicht. Der Compiler ignoriert den Befehl "let" und wandelt ihn in den Befehl "var" um. Warum passiert das? Funktioniert Typescript nur ordnungsgemäß mit Klassen?

Der Compiler standardmäßig auf ES3 transpiliert. Das Schlüsselwort let existiert nicht in ES3 und daher muss der Sender Code unter Verwendung der in ES3 verfügbaren Syntax ausgeben ... In diesem Fall ist der beste Ersatz für das Schlüsselwort let das Schlüsselwort var.

Wenn Sie es mit dem let Schlüsselwort emittieren wollen, dann müssen Sie ES6- "target": "es6" in tsconfig.json oder die Befehlszeilenoption --target es6 Ziel. Dies wird mit dem von Ihnen eingegebenen Code ausgegeben.

Beachten Sie, dass, obwohl der Code zur Laufzeit arbeitet, wirft es einen Fehler, den Sie zu wissen, dass Sie einen Fehler bei der Kompilierung gemacht haben:

for(let i = 0; i < 1; i++) { 
    alert(i); 
} 
alert(i); // compile error: cannot find name 'i' 

Answer 2

In diesem Beispiel var und let haben die gleiche Wirkung, mit var Wesen ein wenig schneller bei den meisten JS-Engines, so dass TypeScript einige Leistungsoptimierungen für Sie durchführt, indem Sie dies in eine var ändern.

Nun, wenn Sie ein anderes Beispiel versuchen, werden Sie sehen, dass let nicht nur in var geändert wird, aber mehr Magie passiert:

for (let i = 0; i < 3; i++) { 
    setTimeout(function() { alert(i); }); 
} 

der Tat in diesem Beispiel let und var würde nicht die gleiche bewirken. let würde 1 2 3 angezeigt, während var wir 3 3 3 verwenden würden. Wenn Sie mehr über die let Stichwort ES6 eingeführt lernen möchten, können Sie dies überprüfen:

https://developer.mozilla.org/fr/docs/Web/JavaScript/Reference/Instructions/let

Answer 3

Sie sind identisch aber es gibt einen Unterschied , wenn sie innerhalb einer Funktion verwendet.

LET

function theDifference(){ 
    for(let emre = 0; emre < 10; emre++){ 
    // emre is only visible inside of this for() 
    } 

// emre is NOT visible here. 
} 

VAR

function theDifference(){ 
    for(var emre = 0; emre < 10; emre++){ 
    // emre is visible inside of this for() 
    } 

// emre is visible here too. 
}