Вы действительно знаете эти трюки ES6?

JavaScript ECMAScript 6
Вы действительно знаете эти трюки ES6?

Вы действительно понимаете боевые навыки ES6? Начинающим рекомендуется к прочтению, а большим просьба пропустить.
Говоря об ES6, на самом деле, я все еще рекомендую всем взглянуть на учебник по ES6 Учителя Руан Ифэн.Начало работы с ECMAScript 6, очень приятно следить за ним.В нем упоминаются многие обычаи, которые вы не знали раньше и не понимали.

1. Поменять местами значения двух объектов (деструктуризация массива быстро реализует обмен значениями)

   существуетУчебник учителя РуанаЕсть более подробное введение, не кажется ли вам, что так писать проще и удобнее?

image.png

2. Расширение объекта (деструктуризация массива быстро расширяет объекты)

Все мы знаем, что большинство параметров, передаваемых интерфейсом, являются объектами в виде ключ:значение.Теперь у нас есть просто объект, а параметры в интерфейсе точно равны.Можно написать так, но у нас есть более простое использование.\

image.png

image.png

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

image.png

3. Объединение массивов

В прошлом мы использовали concat для объединения данных.

image.png

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

image.png

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

4. Дедупликация массива

Мы можем выполнить дедупликацию с помощью метода массива ES6 Set.

image.png

image.png

5. Значение объекта

Предположим, есть объект со следующей структурой, который требует вычисления a+b, как быстро записать его с деструктуризацией массива ES6?

image.png

На самом деле, мы можем написать

image.png

6. Необязательный оператор цепочки

Просто выложите скриншот, к чему здесь вопросительный знак? Ответ: когда нет ev.feature, это означает, что текущий условный оператор завершается и возвращает false, и он продолжает выполняться, если он существует.Это очень удобно для суждения о том, есть ли определенные данные под текущим объектом, лучше ли это, чем если.

image.png

7. Нулевой оператор объединения

Еще один день сокращения рабочей силы

image.png

Вышеупомянутые также являются некоторыми из тех, которые я испытал, а некоторые из них были забыты.Если я думаю о них, я добавлю их снова.Если у вас есть какие-либо хорошие мнения, вы можете направлять.
Прочитав это полезно, вы можете обратить на него внимание и поддержать его. сравнить сердце