5 полезных советов по JavaScript для ускорения написания кода

5 способов и советов по ускорению кодирования на JavaScript.

Вступление

JavaScript - один из мощных языков программирования в разработке программного обеспечения. С его помощью вы можете делать много чего, например веб-приложения, мобильные приложения, игры или даже искусственный интеллект и машинное обучение. Вам просто нужно уметь это делать, потому что каждый год в версиях ES выпускаются новые полезные функции. Однако, как разработчику, вам также нужно быстро писать код, потому что у вас будет больше других важных задач, чем просто написание кода.

В этой статье мы откроем для себя несколько полезных советов и приемов JavaScript, которые помогут ускорить кодирование. Давайте приступим к делу.

1. Преобразование типов

В JavaScript для преобразования строки в число мы используем метод parseInt(). Но есть также простой способ сделать это без использования parseInt.

Мы можем добиться того же результата, просто используя унарный оператор + в начале строки.

Взгляните на примеры ниже:

Обычный способ:

let age = "23";
console.log(typeof age); //string
console.log(typeof parseInt(age)); //number

Простой способ:

let age = "23";
console.log(typeof age); //string
console.log(typeof +age); //number

Вы также можете преобразовать число в строку, просто объединив число с пустой строкой.

Вот пример:

let age = 19 + "";
console.log(typeof age); //string

Как видите, с помощью этой техники вы можете легко преобразовать число в строку.

2. Используйте тернарный оператор

Тернарный оператор ускоряет написание условных операторов с использованием ? и :.

Взгляните на примеры ниже:

Обычные условные операторы:

let age = 35;
if(age < 30){
 console.log('below 30');
}else if(age > 40){
 console.log('above 40');
}else{
 console.log('between 30 and 40');
}
//Output: between 30 and 40

Тернарный оператор:

let age = 35;
age < 30 ? console.log('below 30') 
: age > 40 ? console.log('above 40') 
: console.log('between 30 and 40');
//Output: between 30 and 40

Как видите, мы написали один и тот же код всего в 3 строчки с тернарным оператором.

3. Простой способ использования журнала консоли.

Я видел, как разработчики использовали множество console.log методов, когда у них было много данных для отладки.

Вот пример:

let user1 = {name : "Mehdi", age : 19};
let user2 = {name : "John", age : 23};
let user3 = {name : "Alex", age : 25};
console.log(user1);
console.log(user2);
console.log(user3);

Вы можете зарегистрировать три объекта одним console.log методом:

let user1 = {name : "Mehdi", age : 19};
let user2 = {name : "John", age : 23};
let user3 = {name : "Alex", age : 25};
console.log({user1, user2, user3});

Второй способ сокращает код и его намного проще писать, чем первый. Не нужно писать много console.log методов.

4. Простой способ развернуть массив

Я видел, как разработчики использовали фильтр, concat и другие методы для сглаживания многомерного массива. Они легко могут сделать то же самое, только используя метод flat().

Взгляните на примеры ниже:

Обычный способ:

let arr = [6, [12, 3], [8, 5], 4];
let numbersArr = [].concat(...arr);
console.log(numbersArr); // [6, 12, 3, 8, 5, 4]

Простой способ:

let arr = [6, [12, 3], [8, 5], 4];
console.log(arr.flat()); // [6, 12, 3, 8, 5, 4]

Как видите, плоский метод делает его намного проще, быстрее и читаемым. Вот почему я предпочитаю его использовать.

5. Всегда используйте деструктуризацию.

Деструктуризация - одна из лучших функций, представленных в ES6. Это значительно упрощает работу с объектами и массивами.

Вот как деструктуризация может ускорить кодирование при работе с объектами:

Без деструктуризации:

let user = {
 name : "Mehdi",
 age : 19,
 isOnline : true
}
console.log(`${user.name} is ${user.age} years old.`);
// Mehdi is 19 years old.

С деструктуризацией:

let user = {
name : "Mehdi",
age : 19,
isOnline : true
}
const {name, age} = user;
console.log(`${name} is ${age} years old.`);
// Mehdi is 19 years old.

Это имеет больше смысла, когда у вас есть много значений, к которым вы хотите получить доступ в объекте.

Вот как деструктуризация может ускорить кодирование при работе с массивами:

Обычный способ:

let a = [5, 6, 7];
let b = [1, 2, 3];
console.log(a); //[5, 6, 7]
console.log(b); //[1, 2, 3]

Простой способ:

const [a, b] = [[5, 6 , 7], [1, 2, 3]];
console.log(a, b); //[5, 6, 7] [1, 2, 3]

Как видите, второй способ предотвращает хранение большого количества массивов во множестве переменных, что хорошо для производительности. К тому же это намного проще написать, чем первое.

Заключение

Это всего лишь простые советы, которые помогут упростить написание кода. В результате это ускорит ваше кодирование.

Спасибо, что прочитали эту статью. Я надеюсь, что вы сочли полезным.

Дополнительная информация