In diesem Artikel werden 20 JavaScript-Abkürzungstechniken zusammengestellt und geteilt, um die Effizienz zu verbessern. Ich hoffe, dass er für alle hilfreich ist.
Abkürzungsfähigkeiten
Wenn mehrere Variablen gleichzeitig deklariert werden, können sie in einer Zeile abgekürzt werden
//Longhand let x; let y = 20; //Shorthand let x, y = 20;
Durch Destrukturierung können mehreren Variablen gleichzeitig Werte zugewiesen werden
//Longhand let a, b, c; a = 5; b = 8; c = 12; //Shorthand let [a, b, c] = [5, 8, 12];
Verwenden Sie den ternären Operator zur Vereinfachung.
//Longhand
let marks = 26;
let result;
if (marks >= 30) {
result = 'Pass';
} else {
result = 'Fail';
}
//Shorthand
let result = marks >= 30 ? 'Pass' : 'Fail';Verwenden Sie den ||-Operator, um einer Variablen einen Standardwert zuzuweisen. Das Wesentliche besteht darin, die Eigenschaften des ||-Operators zu nutzen in einen booleschen Wert von „false“ umgewandelt wird, ist der Wert das Ergebnis des folgenden Ausdrucks
//Longhand
let imagePath;
let path = getImagePath();
if (path !== null && path !== undefined && path !== '') {
imagePath = path;
} else {
imagePath = 'default.jpg';
}
//Shorthand
let imagePath = getImagePath() || 'default.jpg';Verwenden Sie den &&-Operator, um die if-Anweisung zu vereinfachen
Zum Beispiel wird eine Funktion nur aufgerufen, wenn eine bestimmte Bedingung wahr ist, was der Fall sein kann abgekürzt
//Longhand
if (isLoggedin) {
goToHomepage();
}
//Shorthand
isLoggedin && goToHomepage();Verwenden Sie Destrukturierung, um die Werte zweier Variablen auszutauschen
let x = 'Hello', y = 55; //Longhand const temp = x; x = y; y = temp; //Shorthand [x, y] = [y, x];
Wenden Sie Pfeilfunktionen an, um Funktionen zu vereinfachen
//Longhand
function add(num1, num2) {
return num1 + num2;
}
//Shorthand
const add = (num1, num2) => num1 + num2;Erforderlich Achten Sie auf den Unterschied zwischen Pfeilfunktionen und gewöhnlichen Funktionen
Verwenden Sie Zeichenfolgenvorlagen, um Code zu vereinfachen
Verwenden Vorlagenzeichenfolgen anstelle der ursprünglichen Zeichenfolgenverkettung
//Longhand
console.log('You got a missed call from ' + number + ' at ' + time);
//Shorthand
console.log(`You got a missed call from ${number} at ${time}`);Mehrzeilige Zeichenfolgen können auch mithilfe von Zeichenfolgenvorlagen vereinfacht werden
//Longhand
console.log('JavaScript, often abbreviated as JS, is a\n' +
'programming language that conforms to the \n' +
'ECMAScript specification. JavaScript is high-level,\n' +
'often just-in-time compiled, and multi-paradigm.'
);
//Shorthand
console.log(`JavaScript, often abbreviated as JS, is a
programming language that conforms to the
ECMAScript specification. JavaScript is high-level,
often just-in-time compiled, and multi-paradigm.`
);Für den Mehrwertabgleich können alle Werte in einem Array platziert und über die Array-Methode abgekürzt werden
//Longhand
if (value === 1 || value === 'one' || value === 2 || value === 'two') {
// Execute some code
}
// Shorthand 1
if ([1, 'one', 2, 'two'].indexOf(value) >= 0) {
// Execute some code
}
// Shorthand 2
if ([1, 'one', 2, 'two'].includes(value)) {
// Execute some code
}Verwenden die prägnante Syntax von ES6-Objekten
Wenn beispielsweise der Eigenschaftsname und der Variablenname gleich sind, können sie direkt auf eins abgekürzt werden
let firstname = 'Amitav';
let lastname = 'Mishra';
//Longhand
let obj = {firstname: firstname, lastname: lastname};
//Shorthand
let obj = {firstname, lastname};Verwenden Sie unäre Operatoren, um Zeichenketten in Zahlen zu vereinfachen
//Longhand let total = parseInt('453'); let average = parseFloat('42.6'); //Shorthand let total = +'453'; let average = +'42.6';
Verwenden Sie die Methode „repeat()“, um Vereinfachen Sie das Wiederholen einer Zeichenfolge.
//Longhand
let str = '';
for(let i = 0; i < 5; i ++) {
str += 'Hello ';
}
console.log(str); // Hello Hello Hello Hello Hello
// Shorthand
'Hello '.repeat(5);
// 想跟你说100声抱歉！
'sorry\n'.repeat(100);Verwenden Sie ein doppeltes Sternchen anstelle von Math.pow() als 2147483647
Verwenden Sie den Spread-Operator (...), um den Code zu vereinfachen.
Array-Zusammenführung vereinfachen in und for of, um gewöhnliche for-Schleifen zu vereinfachen Empfehlungen:
Javascript-Lern-Tutorial】Das obige ist der detaillierte Inhalt vonZusammenfassung und Weitergabe von 20 JavaScript-Abkürzungstechniken zur Verbesserung der Effizienz. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
