Bei JavaScript Clean Code handelt es sich um eine Reihe von Prinzipien und Praktiken, die zum Schreiben von lesbarem, wartbarem und effizientem JavaScript-Code verwendet werden können. Es ist wichtig, sauberen Code zu schreiben, da dies anderen Entwicklern das Verständnis und die Änderung Ihres Codes erleichtert und außerdem dazu beitragen kann, die Leistung Ihrer Anwendungen zu verbessern.
In diesem Tutorial lernen wir 10 Beispiele für sauberen JavaScript-Code kennen, die Ihnen helfen, besser lesbaren, wartbaren und effizienteren Code zu schreiben. Dieses Tutorial behandelt eine Vielzahl von Themen, darunter Funktionen, Variablen, Objekte und Schleifen.
a > b ? foo = 'apple' : foo = 'ball';
✔️
foo = a > b ? 'apple' : 'ball';
c > d ? a.foo = 'apple' : a.bar = 'apple';
✔️
a = { [c > d ? 'foo' : 'bar']: 'apple' };
export const foo;
export const bar;
export const kip;
✔️
export const foo, bar, kip;
const a = foo.x, b = foo.y;
✔️
const { ['x']: a, ['y']: b } = foo;
let a = foo[0], b = foo[1];
✔️
let [a, b] = foo;
const a = document.getElementById('a'),
b = document.getElementById('b'),
c = document.getElementById('c');
d = document.getElementById('d');
✔️
const elements = {};
['a', 'b', 'c', 'd'].forEach(item => elements = {
...elements,
[item]: document.getElementById(item)
});
const { a, b, c, d } = elements;
/*
For this to work your elements ID's must be
able to be valid Javascript variable names
and the names of the variables in which you store
your elements have to match with that elements' ID.
This is good for naming consistency & accesibility.
*/
if (foo) {
doSomething();
}
✔️
foo && doSomething();
if(!foo){
foo = 'apple';
}
bar(foo, kip);
✔️
bar(foo || 'apple', kip);
const SALARY = 150000000,
TAX = 15000000;
✔️
const SALARY = 15e7,
TAX = 15e6;
a = d;
b = d;
c = d;
✔️
a = b = c = d;
Viel Spaß beim Codieren!!!