Рубрики
Без рубрики

Удивительный JavaScript Smart Techniques.

1. 1.nternary Operator Это отличный заставка кода, когда вы хотите написать оператор IF..ELSE всего за одну строку. Longhand: const; Пусть ответ; if (x> 100) {; } …

Автор оригинала: Atta Rasul.

1. Тернарный оператор

Это отличная заставка кода, когда вы хотите написать оператор IF..ELSE всего за одну строку. Longhand:

const x = 100;
let answer;
if (x > 100) {
    answer = 'greater than 100';
} else {
    answer = 'less than 100';
}

Снаряжение

const answer = x > 100 ? 'greater than 100' : 'less than 100';

2. Оценка сертификации

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

if (variable1 !== null || variable1 !== undefined || variable1 !== '') {
     let variable2 = variable1;
}

Снаряжение

const variable2 = variable1  || 'new';

3.

Этот маленький наконечник действительно полезен, если вы хотите выполнить итерацию. Longhand:

for (let i = 0; i < allImgs.length; i++)

Снаряжение

for (let index of allImgs)

4.Object Property.

Объектные литералы в ES6 обеспечивают еще простые способы присвоения свойств объектам. Longhand:

const obj = { x:x, y:y };

Снаряжение

const obj = { x, y };

5RARROW Функции

Классические функции легко читают и писать, но они, как правило, становятся немного запутанными, как только вы начнете вкладывать их в другие вызовы функций. Longhand:

function sayHello(name) {
  console.log('Hello', name);
}

setTimeout(function() {
  console.log('Loaded')
}, 2000);

list.forEach(function(item) {
  console.log(item);
});

Снаряжение

sayHello = name => console.log('Hello', name);

setTimeout(() => console.log('Loaded'), 2000);

list.forEach(item => console.log(item));