Классные трюки с кодом, которые можно проделать с помощью деконструкции JavaScript

Обмен значениями переменных в одном операторе, возврат нескольких значений с помощью оператора `return`.

Деконструкция в JavaScript - это отличная новая функция, представленная в ECMAScript 2015, также известном как ES6, которая позволяет извлекать содержимое массива или объекта в разные переменные, эффективно деконструируя массив или объект.

Простой пример:

// Array Deconstruction
let [a, b] = [1, 2];
// Output: a = 1, b = 2
console.log(`a = ${a}, b = ${b}`);
// Object Deconstruction
let {x, y} = {x: 1, y: 2}
// Output: x = 1, y = 2
console.log(`x = ${x}, y = ${y}`);

Обмен значениями переменных

Чтобы использовать деконструкцию для обмена, вы можете сделать это:

let a = 1, b = 2; // a = 1, b = 2
// Swapping
[a, b] = [b, a];
// Output: a = 2, b = 1
console.log('a = ' + a + ', b = ' + b);

Этот код передает первое значение массива справа (то есть b) в первое значение массива слева (то есть a) и так далее. Фактически, переменные меняются местами без использования обычной переменной temp! Классно, правда?

Возврат нескольких значений

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

function vectorDotScalar(vector, scalar) {
    return {x: vector.x * scalar, y: vector.y * scalar, z: vector.z * scalar};
}
const v1 = {x: 1, y: 2, z: 3};
const s1 = 2;
const {x, y, z} = vectorDotScalar(v1, s1);
// Output: x = 2, y = 4, z = 6
console.log('x = ' + x + ', y = ' + y + ', z = ' + z);

Функция vectorDotScalar возвращает объект, который затем деконструируется на переменные x, y и z. Вы также можете использовать этот шаблон с массивами!

Кроме того, если вам понравился этот пост, нажмите на маленькое зеленое сердечко внизу! Большое спасибо! : D

Личные страницы: http://johnpaulada.github.io