Найти тему
development

Как сэкономить время при написании JavaScript

Оглавление

1: Установка значения по умолчанию в переменную (Без if-else)

const object = obj || {};

2: Сокращение if-else (использование && и ||)

performTaskOne() || performTaskTwo();

performTaskOne() && performTaskTwo();

3: использование десятичных базовых показателей в циклах

// Длинная запись

for (let i = 0; i < 10000; i++) {}

// Короткая запись

for (let i = 0; i < 1e7; i++) {}

// Значения ниже буду являться истиной

  • 1e0 === 1;
  • 1e1 === 10;
  • 1e2 === 100;
  • 1e3 === 1000;
  • 1e4 === 10000;
  • 1e5 === 100000;

4: Используйте обратные кавычки для шаблонов литералов

Вам не надоело использовать ' + ' для объединения нескольких переменных в строку? Разве нет более простого способа сделать это? Если вы можете использовать ES6, то вам повезло. Все, что вам нужно сделать, это использовать backtick, и $ {}, чтобы заключить ваши переменные.

const welcome = 'You have logged in as ' + first + ' ' + last + '.'

const db = 'http://' + host + ':' + port + '/' + database;

const welcome = `You have logged in as ${first} ${last}`;

const db = `http://${host}:${port}/${database}`;

5: Используйте обратные кавычки для многострочных строк

const lorem = 'Lorem ipsum dolor sit amet, consectetur\n\t'

+ 'adipisicing elit, sed do eiusmod tempor incididunt\n\t'

+ 'ut labore et dolore magna aliqua. Ut enim ad minim\n\t'

+ 'veniam, quis nostrud exercitation ullamco laboris\n\t'

+ 'nisi ut aliquip ex ea commodo consequat. Duis aute\n\t'

+ 'irure dolor in reprehenderit in voluptate velit esse.\n\t'

const lorem = `Lorem ipsum dolor sit amet, consectetur

adipisicing elit, sed do eiusmod tempor incididunt

ut labore et dolore magna aliqua. Ut enim ad minim

veniam, quis nostrud exercitation ullamco laboris

nisi ut aliquip ex ea commodo consequat. Duis aute

irure dolor in reprehenderit in voluptate velit esse.`

6. Двойное Побитовое НЕ (сокращение метода Math.floor)

Math.floor(4.9) === 4 // true

~~4.9 === 4 //true

7. Вызов функции

function x() {console.log('x')};
function y() {console.log('y')};
let z = 3;
if (z == 3) {
x();
} else {
y();
}

function x() {console.log('x')};
function y() {console.log('y')};
let z = 3;
(z==3 ? x : y)();