Code-Bibliothek

Code, der lesenswert ist.

Sorgfältig kuratierte Snippets — TypeScript, Python, Rust, Go und mehr. Jedes mit einer Zeile-für-Zeile-Erklärung, damit du Code so liest, wie die Leute ihn geschrieben haben.

2494 Snippets · 10 Sprachen

▶ Lernen starten

Sammlung öffnen: JavaScript · Anfänger →

JavaScript · AnfängerSnippet

Arbeiten mit Template-Strings

Template-Strings (unter Verwendung von Backticks ``) ermöglichen es Ihnen, Variablen mithilfe der Syntax ${variable} einfach in Zeichenketten einzubetten, was den Code viel sauberer macht als die Verwendung des +-Operators.

snippet.js

javascript

const user = "Alice";
const greeting = `Hello, ${user}!`;
console.log(greeting);

syntaxdatatypes

JavaScript · AnfängerSnippet

Variablen deklarieren mit let und const

In modernem JavaScript wird 'const' für Werte verwendet, die gleich bleiben, während 'let' für Variablen verwendet wird, die sich später ändern. Die standardmäßige Verwendung von 'const' ist eine bewährte Methode, um versehentliche Neuzuweisungen zu verhindern.

snippet.js

javascript

const birthYear = 1990;
let currentAge = 34;
currentAge = 35;

syntaxbestpractices

JavaScript · AnfängerSnippet

Elemente zu einem Array hinzufügen

Arrays werden verwendet, um Listen von Daten zu speichern. Die Methode '.push()' fügt ein neues Element am Ende des Arrays hinzu, und '.length' sagt Ihnen, wie viele Elemente enthalten sind.

snippet.js

javascript

const colors = ["red", "green"];
colors.push("blue");
console.log(colors.length);

arraysdatatypes

JavaScript · AnfängerSnippet

Einfache If-Else-Kontrollstruktur

Der Kontrollfluss ermöglicht es Ihrem Programm, Entscheidungen zu treffen. Der 'if'-Block wird nur ausgeführt, wenn die Bedingung in Klammern wahr ist; andernfalls wird der 'else'-Block ausgeführt.

snippet.js

javascript

const score = 85;
if (score > 50) {
  console.log("Passed!");
} else {
  console.log("Try again.");
}

controlflowsyntax

JavaScript · AnfängerSnippet

Einfache Pfeilfunktionen

Pfeilfunktionen bieten eine prägnante Möglichkeit, Funktionen zu schreiben. Wenn die Funktion nur einen Ausdruck hat, können Sie sogar das Schlüsselwort 'return' und die geschweiften Klammern weglassen.

snippet.js

javascript

const double = (number) => number * 2;
console.log(double(5));

functionssyntax

JavaScript · AnfängerSnippet

Zugriff auf Objekteigenschaften

Objekte speichern Daten in Schlüssel-Wert-Paaren. Du kannst auf diese Werte mit einem Punkt (Punkt-Notation) oder eckigen Klammern (Klammer-Notation) zugreifen.

snippet.js

javascript

const car = { brand: 'Tesla', model: 'Model 3' };
 
console.log(car.brand);      // Dot notation
console.log(car['model']);   // Bracket notation

datatypessyntax

JavaScript · AnfängerSnippet

Die String-Länge Eigenschaft

Jeder String in JavaScript hat eine 'length'-Eigenschaft, die dir automatisch sagt, wie viele Zeichen (einschließlich Leerzeichen) in diesem String enthalten sind.

snippet.js

javascript

const username = 'Coder123';
const nameLength = username.length;
 
console.log(nameLength); // 8

datatypessyntax

JavaScript · AnfängerSnippet

Benannte Funktionsdeklarationen

Eine Funktionsdeklaration definiert einen wiederverwendbaren Codeblock mit einem Namen. Im Gegensatz zu Arrow-Functions werden diese 'gehoistet', d.h. sie können aufgerufen werden, bevor sie im Code definiert sind.

snippet.js

javascript

function calculateTotal(price, tax) {
  return price + tax;
}
 
const total = calculateTotal(100, 19);

functionssyntax