Если вы новичок в программировании JavaScript, вы должны знать, что написание чистого кода очень важно.
вы всегда должны стараться сделать ваш код читаемым для любого другого программиста и даже для вашего будущего!! (поверьте мне, код, который вы пишете и понимаете сейчас, становится в сто раз труднее читать с каждым днем)
поэтому следуйте этому дереву простых трюков, чтобы сделать ваш код более читабельным и чистым.
1.ЕСЛИ ИСТИНА И ПОВОРОТНЫЕ ОПЕРАТОРЫ
Плохой код:
let isEmpty = true;
if (isEmpty == true) {
console.log('Empty')
}
else {
console.log('Is not empty')
}
Профессиональный код:
isEmpty ? console.log('Empty') : console.log('Is not empty');
2.РАЗРУШЕНИЕ
Плохой код:
const post = {
data: {
id:1,
title:'How to write codes like a pro',
text:'Just read this post until end'
}
}
const id = post.data.id;
const title = post.data.title;
console.log(id,title)
Прокод:
const {id,title} = post.data
console.log(id,title)
3.КОРОТКИЙ ЦИКЛ
Плохой код:
const cars = ['BMW I8','Audi R8','Pride 141']
for (let i = 0; i < cars.length; i++) {
console.log(cars[i]);
}
Прокод:
for (let fruit of fruits) console.log(fruit);
4. НАЗНАЧИТЬ ЗНАЧЕНИЕ, ЕСЛИ СУЩЕСТВУЕТ
Плохой код:
let port;
if (process.env.PORT) {
port = process.env.PORT
}
else {
port = 3000;
}
Профессиональный код:
let port = process.env.PORT || 3000
5.ШАБЛОННЫЕ ЛИТЕРАЛЫ
Плохой код:
const name = 'Mehrab'
const portfolio_url= 'mehrab.xyz'
console.log('You can find ' + name + ' portfolio at ' + portfolio_url);
Профессиональный код:
console.log('You can find ${name} portfolio at ${portfolio_url}`);
6.ОБЪЕКТ С ИДЕНТИЧНЫМИ КЛЮЧАМИ И ЗНАЧЕНИЯМИ
Плохой код:
const user = {
name:name,
email:email,
phone:phone,
age:age
}
Профессиональный код:
const user = {name,email,phone,age}
и все!
Теперь вы знаете 6 важных приемов, которые сделают ваш код чистым и профессиональным.
не забудьте использовать его в своих кодах ;)
Хлопки тоже могут быть полезны ❤️