HTML: Markup language
CSS: Styling language
JavaScript: Scripting language
Web APIs: Programming interfaces
All web technology
Learn web development
Discover our tools
Get to know MDN better
Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten. Erfahre mehr über dieses Experiment.
View in English Always switch to English
Eine Ausdrucksanweisung ist ein Ausdruck, der an einer Stelle verwendet wird, an der eine Anweisung erwartet wird. Der Ausdruck wird ausgewertet und sein Ergebnis verworfen — daher macht er nur für Ausdrücke Sinn, die Nebeneffekte haben, wie z.B. das Ausführen einer Funktion oder das Aktualisieren einer Variablen.
expression;
expression
Ein beliebiger Ausdruck, der ausgewertet werden soll. Es gibt bestimmte Ausdrücke, die mit anderen Anweisungen mehrdeutig sein können und daher verboten sind.
Abgesehen von den speziellen Anweisungssyntaxen können Sie auch fast jeden Ausdruck als eigenständige Anweisung verwenden. Die Syntax der Ausdrucksanweisung erfordert ein Semikolon am Ende, aber der Prozess der automatischen Semikolon-Einfügung kann eines für Sie einfügen, wenn das Fehlen eines Semikolons zu einer ungültigen Syntax führt.
Da der Ausdruck ausgewertet und dann verworfen wird, ist das Ergebnis des Ausdrucks nicht verfügbar. Daher muss der Ausdruck irgendeinen Nebeneffekt haben, um nützlich zu sein. Ausdrucksanweisungen sind üblicherweise:
console.log("Hello");
[1, 2, 3].forEach((i) => console.log(i));
delete
import()
yield
yield*
Andere können ebenfalls Nebeneffekte haben, wenn sie Getter aufrufen oder Typumwandlungen auslösen.
Damit ein Ausdruck als Anweisung verwendet werden kann, darf er nicht mit anderen Anweisungssyntaxen mehrdeutig sein. Daher darf der Ausdruck nicht mit einem der folgenden Token beginnen:
function
function*
async function
async function*
class
let[
let
{
Daher sind alle folgenden ungültig:
function foo() { console.log("foo"); }(); // SyntaxError: Unexpected token '(' // For some reason, you have a variable called `let` var let = [1, 2, 3]; let[0] = 4; // SyntaxError: Invalid destructuring assignment target { foo: 1, bar: 2, // SyntaxError: Unexpected token ':' };
Gefährlicher ist, dass der Code manchmal gültige Syntax ist, aber nicht das, was Sie beabsichtigen.
// For some reason, you have a variable called `let` var let = [1, 2, 3]; function setIndex(index, value) { if (index >= 0) { // Intend to assign to the array `let`, but instead creates an extra variable! let[index] = value; } } setIndex(0, [1, 2]); console.log(let); // [1, 2, 3] // This is not an object literal, but a block statement, // where `foo` is a label and `1` is an expression statement. // This often happens in the console { foo: 1 };
Um diese Probleme zu vermeiden, können Sie Klammern verwenden, so dass die Anweisung eindeutig eine Ausdrucksanweisung ist.
(function foo() { console.log("foo"); })();
Sie können fast alle Verwendungen von Kontrollflussanweisungen durch Ausdrucksanweisungen vermeiden. Zum Beispiel kann if...else durch ternäre Operatoren und logische Operatoren ersetzt werden. Iterative Anweisungen wie for oder for...of können durch Array-Methoden ersetzt werden.
if...else
for
for...of
// Using control flow statements function range(start, end) { if (start > end) { [start, end] = [end, start]; } const result = []; for (let i = start; i < end; i++) { result.push(i); } return result; } // Using expression statements function range2(start, end) { start > end && ([start, end] = [end, start]); return Array.from({ length: end - start }, (_, i) => start + i); }
Warnung: Dies demonstriert nur eine Fähigkeit der Sprache. Übermäßiger Gebrauch von Ausdrucksanweisungen als Ersatz für Kontrollflussanweisungen kann den Code wesentlich weniger lesbar machen.