Javascript-Funktionen, die Sie kennen müssen

In diesem Artikel untersuchen wir, wie Sie Fehler verhindern können, wenn Sie versuchen, auf Daten zuzugreifen, die möglicherweise undefiniert oder null sind, und wir schauen uns mögliche Methoden an Verwenden Sie diese Option, um Daten bei Bedarf effektiv zu verwalten.

Sicherer Zugang mit optionaler Verkettung

Wenn Sie in JavaScript versuchen, auf einen Wert oder eine Funktion in verschachtelten Objekten zuzugreifen und das Ergebnis undefiniert ist, kann Ihr Code einen Fehler auslösen. Dieser Fehler kann die Ausführung Ihres Codes stoppen. Wenn Sie jedoch den optionalen Verkettungsoperator verwenden und versuchen, auf einen Wert oder eine Funktion innerhalb eines Objekts zuzugreifen, wird undefiniert zurückgegeben, anstatt einen Fehler auszulösen, wenn der Wert oder die Funktion nicht vorhanden ist. Dies verhindert, dass Ihr Code abstürzt.

Beispiel:

const person = {
  name: 'John',
  address: {
    city: 'New York'
  }
};

console.log(person.address?.city); // 'New York'
console.log(person.address?.country); // undefined, no error

Nullish Coalescing

Wenn der Wert einer Variablen null oder undefiniert ist, kann dies Ihren Code beschädigen. Um einen Standardwert zuzuweisen, wenn eine Variable null oder undefiniert ist**, können Sie den Nullish-Koaleszenzoperator (??) verwenden.**

Beispiel:

function getConfig(config) {
    return config ?? { timeout: 1000, retries: 3 };
}

let userConfig = null;
let finalConfig = getConfig(userConfig); // { timeout: 1000, retries: 3 } 
console.log(finalConfig);

Verwalten von Duplikaten mit Set und WeakSet

Duplikate entfernen mit Set:

Wenn ein Array doppelte Werte enthält, können Sie diese Duplikate mit „Set“ entfernen. So verwenden Sie diese Struktur:

const numbers = [1, 2, 3, 4, 4, 5, 6, 6, 7, 8, 9, 9];
const uniqueNumbers = [...new Set(numbers)];

console.log(uniqueNumbers); // [1, 2, 3, 4, 5, 6, 7, 8, 9]

Duplikate mit WeakSet verhindern:

Da WeakSet Verweise auf Objekte enthält, kann ein Objekt nur einmal zu einem WeakSet hinzugefügt werden. Hier ist ein Beispiel:

// Creating a WeakSet
const weakset = new WeakSet();

// Defining objects
const obj1 = { name: 'Alice' };
const obj2 = { name: 'Bob' };

// Adding objects to the WeakSet
weakset.add(obj1);
weakset.add(obj2);

console.log(weakset.has(obj1)); // true
console.log(weakset.has(obj2)); // true

// Attempting to add the same object again
weakset.add(obj1); // obj1 is already present, won't be added again

console.log(weakset.has(obj1)); // true
console.log(weakset.has(obj2)); // true

// Removing an object from the WeakSet
weakset.delete(obj1);
console.log(weakset.has(obj1)); // false

// Adding the object again
weakset.add(obj1);
console.log(weakset.has(obj1)); // true

Abschluss

In diesem Artikel haben wir einige wichtige Konzepte untersucht, die dazu beitragen können, Fehler beim Zugriff auf Werte zu vermeiden, die möglicherweise undefiniert oder null sind, sowie Methoden für eine effektivere Datenverwaltung bei Bedarf.

Das obige ist der detaillierte Inhalt vonJavascript-Funktionen, die Sie kennen müssen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!