JavaScript ist eine wesentliche Sprache für die moderne Webentwicklung. W?hrend die Beherrschung der Grundlagen von entscheidender Bedeutung ist, wird das Verst?ndnis der Kernkonzepte Ihre Programmierf?higkeiten verbessern und Sie in die Lage versetzen, komplexe Herausforderungen zu bew?ltigen. Hier sind 33 Konzepte, die jeder JavaScript-Entwickler kennen sollte, erkl?rt mit Beispielen.

1. Variablen

Variablen werden zum Speichern von Daten in JavaScript verwendet.

let name = "John";
const age = 30;
var isActive = true;
**

1. Datentypen**

JavaScript verfügt über mehrere Datentypen, darunter Zeichenfolgen, Zahlen, boolesche Werte, Objekte und Arrays.

const Greeting = ?Hallo, Welt!“; // String
const Zahl = 42; // Nummer
const isAvailable = false; // Boolean
const user = { Name: ?John“, Alter: 30 }; // Objekt
const items = ["Apple", "Banana", "Cherry"]; // Array

3. Funktionen

Funktionen kapseln wiederverwendbare Logik.

Funktion add(a, b) {
return a b;
}
const sum = add(5, 7);
console.log(sum); // Ausgabe: 12

4. Geltungsbereich

Der Gültigkeitsbereich bestimmt, wo auf Variablen zugegriffen werden kann.

let globalVar = "Ich bin global";
Funktion localScope() {
let localVar = ?Ich bin lokal“;
console.log(globalVar); // Zug?nglich
console.log(localVar); // Zug?nglich
}
localScope();
// console.log(localVar); // Fehler: localVar ist nicht definiert

5. Schlie?ungen

Ein Abschluss erm?glicht den Zugriff auf die Variablen einer ?u?eren Funktion von einer inneren Funktion aus.

Funktion createCounter() {
let count = 0;
Rückgabefunktion () {
z?hlen ;
Rückgabeanzahl;
};
}
const counter = createCounter();
console.log(counter()); // Ausgabe: 1
console.log(counter()); // Ausgabe: 2

6. Heben

Variablen und Funktionsdeklarationen werden an die Spitze ihres Gültigkeitsbereichs verschoben.

console.log(hoistedVar); // Ausgabe: undefiniert
var hoistedVar = ?Ich bin gehisst“;
hoistedFunction(); // Ausgabe: Hallo!
Funktion hoistedFunction() {
console.log("Hallo!");
}
**

1. Versprechen und Async/Warten**

Der Umgang mit asynchronen Vorg?ngen ist ein Schlüsselkonzept in JavaScript.

// Versprechen verwenden
fetch("https://api.example.com")
.then(response => Response.json())
.then(data => console.log(data))
.catch(error => console.error(error));
// Async/Await verwenden
asynchrone Funktion fetchData() {
versuche es mit {
const Antwort = Warten auf fetch("https://api.example.com");
const data = waiting Response.json();
console.log(data);
} Catch (Fehler) {
console.error(error);
}
}
fetchData();

8. Ereignisschleife

Die Ereignisschleife verwaltet die asynchrone Codeausführung in JavaScript.

console.log("Start");
setTimeout(() => {
console.log("Mitte");
}, 0);
console.log("End");
// Ausgabe: Start, Ende, Mitte

9. Prototypen

JavaScript verwendet Prototypen zur Vererbung.

Funktion Person(name) {
this.name = name;
}
Person.prototype.greet = function () {
console.log(Hallo, mein Name ist ${this.name});
};
const john = neue Person("John");
john.greet(); // Ausgabe: Hallo, mein Name ist John

10. dieses Schlüsselwort

Der Wert h?ngt davon ab, wie eine Funktion aufgerufen wird.

const obj = {
Name: ?Alice“,
grü?e() {
console.log(Hallo, ${this.name});
},
};
obj.greet(); // Ausgabe: Hallo, Alice

11. Destrukturierung

Vereinfacht das Extrahieren von Werten aus Arrays oder Objekten.

const user = { Name: ?Alice“, Alter: 25 };
const { Name, Alter } = Benutzer;
console.log(name); // Ausgabe: Alice
console.log(age); // Ausgabe: 25

12. Spread- und Rest-Operatoren

Effizientes Arbeiten mit Arrays und Objekten.

const arr = [1, 2, 3];
const newArr = [...arr, 4, 5]; // Verbreiten
function sum(...numbers) { // Rest
return zahlen.reduce((a, b) => a b, 0);
}
console.log(sum(1, 2, 3, 4)); // Ausgabe: 10

1. Module

Modularisieren Sie Ihren Code durch Import und Export.

// math.js
export const add = (a, b) => a b;
// app.js
import { add } from ?./math.js“;
console.log(add(2, 3)); // Ausgabe: 5

14. Fehlerbehandlung

Behandeln Sie Laufzeitfehler ordnungsgem??.

Versuchen Sie es mit {
const result = riskyOperation();
} Catch (Fehler) {
console.error("Ein Fehler ist aufgetreten:", Fehler);
}

15. DOM-Manipulation

Interagieren Sie mit dem Document Object Model (DOM).

document.getElementById("btn").addEventListener("click", () => {
document.getElementById("output").textContent = "Geklickt!";
});

Fazit

Wenn Sie diese 33 Konzepte beherrschen, verbessern Sie Ihre JavaScript-Kenntnisse und bereiten Sie auf die Bew?ltigung realer Probleme vor. üben und erkunden Sie weiter, um im sich st?ndig weiterentwickelnden JavaScript-?kosystem die Nase vorn zu haben!

Das obige ist der detaillierte Inhalt vonGrundlegende Konzepte, die jeder JavaScript-Entwickler kennen sollte. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!