Публикации по теме 'destructuring'
Одна вещь, которую я заметил, заключается в том, что действительно легко неявно обновить объект состояния, как если бы вы…
Одна вещь, которую я заметил, заключается в том, что действительно легко неявно обновить объект состояния, как если бы вы написали this.state.object = newObject , не подозревая о последствиях.
Допустим, у нас есть объект cars , установленный в состоянии, и мы хотим обновить одну машину новыми свойствами. Что-то вроде этого:
updateCar = car => {
// Get car id.
const id = { car };
// Get current cars from state.
const { cars } = this.state;
// Update passed car.
cars[id] =..
Современные сокращения JavaScript
Современные сокращения JavaScript
Короткие альтернативы могут помочь сократить количество строк кода и сэкономить много времени. В этой статье я расскажу о нескольких часто используемых коротких руках.
1. Оценка короткого замыкания
Следующее сокращение использует логическое ИЛИ ( || ) для присвоения значения по умолчанию переменной. Если левая часть ( || ) имеет неложное значение, она будет присвоена переменной, если не будет присвоено значение по умолчанию (правая часть..
Деструктуризация в JavaScript
Деструктурирование , также известное как "деструктурирование назначений", представляет собой выражение JavaScript, позволяющее распаковывать значения из массивов или свойства объектов в отдельные переменные.
Как разработчики, мы стремимся придерживаться стандартов DRY ( D не R повторять Y себя) и писать чистый, понятный код. Благодаря деструктуризации мы можем писать меньше строк кода и лучше понимать, какую информацию мы хотим извлечь из объекта.
Обычно в JavaScript, если мы хотим..
РАЗРУШЕНИЕ JAVASCRIPT ES6 И НЕСКОЛЬКО ПОЛЕЗНЫХ УЛОВ
РАЗРУШЕНИЕ JAVASCRIPT ES6 И НЕСКОЛЬКО ПОЛЕЗНЫХ УЛОВ
Это всего лишь краткое введение в Назначение деструктуризации в ECMAScript 6 (или, как большинство разработчиков называют JavaScript ES6), поскольку по этой теме есть множество отличных ресурсов; например: - Изучение ES6, Глава 10. Деструктуризация - Назначение MDN по деструктуризации .
В основном деструктуризация позволяет извлекать значения из объектов и массивов в именованные переменные; Мне нравится думать об этом как о..
Деструктуризация: массивы и объекты
Специальный синтаксис JavaScript, представленный в ES6, — это Деструктурирование назначение , которое дает нам возможность ДЕЛАТЬ БОЛЬШЕ, делая меньше. Деструктуризация используется для упрощения назначения значений , взятых непосредственно из объекта или массива .
Давайте начнем с рассмотрения примера объекта и процесса, необходимого для извлечения его значений до ES6:
var obj = {first: ‘Rick’, last: ‘Sanchez’, age: 70};
var first = obj.first;
var last = obj.last;..
Деструктуризация в JavaScript — ЧАСТЬ 1
Деструктуризация присваивание — это JavaScript feature , который позволяет распаковывать значения массива или объекта в отдельные переменные. Это может быть полезно, когда вам нужно использовать только некоторые данные в array или object , или когда вы хотите дать данным different имена.
Чтобы использовать деструктурирующее присваивание, вы используете синтаксис [] для создания списка переменных, а затем используете оператор = для присвоения значений массива или объекта..
Деструктуризация в Javascript
Деструктуризация работает для объектов и массивов
Когда использовать деструктурирование для объектов?
Это полезно, когда вам нужно извлечь/деструктурировать несколько свойств из объекта, чтобы использовать их в текущей области, поэтому вы делаете это в одной строке; вместо нескольких строк.
// Math is a built-in Javascript object
// without destructuring (multiple lines)
const PI = Math.PI; // note that variable name on the left-side is exactly the same as the object..