Press "Enter" to skip to content

Destructuring: What, Why and How — Part 1 of ES6 JavaScript Features


привет сегодня, мы начинаем новый
видео серии мы собираемся изучить
новые функции JavaScript как группы
функции имеют много имен на
interwebs es6 ACMA script 6 гармонии es
2015 в любом случае мы будем учиться
в них есть одно короткое видео
время и сегодня мы узнаем о де
структурирование того, что
почему это хорошая вещь , и конечно хау
использовать его, что это такое структурирование
деструктурирование является новой особенностью
JavaScript , который позволяет разбить
разделение ключевой структуры на переменные
позвольте мне показать вам пример, посмотрите на это
животный объект — это подвид собака, у которой есть
вес, и это делает звук звука let’s
назначить два свойства локальным
переменные
привет, что здесь произошло
Я уверен, давайте выходим из системы и видим
и запустить
вы знаете, говорят, что это не какие-то пробелы
собака говорит, что есть кое- что
продолжая то, что мы делаем здесь,
мы D структурируем объект животного
на две локальные переменные виды и
звук, поэтому, когда мы делаем это, свойства
звук и виды назначаются местным
переменные, дающие нам возможность
доступ к ним здесь
это то, что разрушает
вы, вероятно, также заметили, что я
не работает ванильная записка здесь я использую
что-то называемое Bubble Bobble — супер
прохладно, потому что это позволяет вам использовать
Функции JavaScript из будущего в
узел и в браузерах он интегрируется в
в основном все называется хрюкать
обозревать все, что вы используете или в
в этом случае я могу просто использовать его в консоли
и трубку, чтобы отметить, так что я делаю
что я сражаюсь с барботированным мужчиной и
мой javascript-файл с es6 javascript
в нем пузырь будет компилировать это к нормальному
java- скрипты Файл сценария ACMA в основном
позвольте мне просто показать вам, как это выглядит
без ввода текста, если вы сравните
выход пузыря здесь с линией 7
в файле примера работы JS вы увидите
что наш atmos crypt 6 деструктурирует
здесь только что скомпилировано до xmas
55, и это также хороший способ увидеть
что, черт возьми, мы идем
поговорить о том, как использовать это в просто
но сначала я хочу
время о том, почему вы хотите использовать
это наиболее распространенный вариант использования или
деструктурирующий, чтобы сделать его проще
иметь дело с объектами опций по опции
объекты Я имею в виду объекты, которые вы передаете
функция, которая является единственным объектом, который
может содержать или не содержать
несколько свойств, если вы имели дело
с функцией Ajax в jQuery вы
узнайте, что шаблон теперь смотрит на это
кода мы вызываем функцию, называемую
сделать звук, и мы проходим мимо
объект options это просто объект
буквально, где несколько видов свойств
вес собаки 23 и звук гав мы первые
собираются реализовать функцию звукового сигнала
без использования структуры e, поэтому сделайте
звук принимает объект опций, и это
собираюсь распечатать что-то
давайте запустим это, поскольку мы не используем никаких
ActionScript шесть функций, но мы не
нужно возиться с пузырями Oreos Я не
образец J s, и собака говорит woof, я
немного сделаем пример
более сложным мы собираемся сделать
видов и дополнительного имущества на
объект вариантов Я удалю виды из
объект опций , передаваемый на экзамен
что такое неопределенное говорит, что
хорошо, мы не можем этого, что мы не будем принимать
значение ошибки, поэтому мы выбираем опции
остановить разновидности видов варианта теста если
в противном случае это будет E и
мы убегаем, что животное говорит, что
давайте поговорим о проблемах с этим кодом
это просто глупый пример, но
если эта функция была частью фактического
программы было бы намного больше, чтобы вы
должны помнить, что все проблемы
что мы будем говорить с
этот код будет намного больше
фактическое программное обеспечение в первую очередь
мы замечаем , что есть много
повторения мы ссылаемся на варианты здесь:
много, это также немного сложно сканировать
потому что все префикс
эти опции ссылаются на код
быть более читабельными, если их там не было
посмотрите на это, это намного более читаемо
чем это, также трудно понять, что
сделать звук нужным, просто взглянув на
Я действительно могу спуститься
функцию и посмотреть, что все в порядке
звук и я Nick Nick species Я не могу
просто посмотрите, что из макияжа, и если это
снова было больше, мне пришлось бы пойти
копать в функции, и это плохо
некоторые из этих проблем разрешимы
без такого структурирования
объявление переменных в верхней части
и мы собираемся сделать это сейчас
а также
и затем мы можем удалить эту опцию
ссылки здесь немного лучше
немного ссылок, это немного легче
Сканирование Я могу просто увидеть вид
Самп немедленно тоже много
что функция нуждается в видах
потому что там наверху
но посмотрим, сможем ли мы это сделать
еще лучше с этой структурой, так что
давайте прокомментируем это для сравнения
цели и пойти на структуру генов
из вариантов мы также должны
виды являются необязательными
barbone sample dot j ass pipe, который отмечает
С тех пор животные гав еще платье и
теперь ты говоришь мне хорошо, что не
это намного короче, это все равно
две строки — 64 символа против 169
персонажей это всего лишь несколько
характер короче, очень проницательный для вас, но
что, если бы я сказал вам, что вы можете сделать
деструктурирование в сигнатуре метода
и назначать значения по умолчанию в нем fuck
Да
хорошо, давайте удалим этот crummy код здесь
и мы собираемся двигаться это в
здесь есть функция, и мы собираемся
скажем, что вид по умолчанию для животных
удалите это и удалите это и запустите его
животное все еще говорит, что так вы делаете
эта структура теперь есть еще больше
классный материал, связанный со структурированием
вы можете разрушить свойства в двух
переменные, даже если они вложены
несколько слоев глубоко, и вы не
ограниченные деструктурирующими объектами, вы можете
также массивы деструкторов, но я оставлю
все это до вашего любопытства сегодня мы
узнали, почему и как
эти структурирования мы узнали, что в
структурирование — это эквивалент шесть
функция , которая позволяет разбить
объект или массив в переменные и
мы также видели, что это действительно удобно
когда вы имеете дело с объектами опций
и мы видели некоторые примеры того, как
сделайте структурирование в этой серии, я хочу
для охвата нового и интересного JavaScript
так что вы, ребята, хотите увидеть
я закрываю следующий комментарий ниже или
пришлите мне твит в MP Jamie и сделайте
что вы не пропустите следующий
подписка на эпизод , нажав там ish
на моем лице и / или следовать за мной в Твиттере
до следующего раза оставаться любопытным
Please follow and like us:

Be First to Comment

Добавить комментарий