ES6 #12 Символы (Symbols)

#YauhenK #webDev #ECMAScript #ES6
Всех приветствую в курсе «ES6».
В данном видео-курсе мы с вами рассмотрим все ключевые нововведения в стандарте ECMAScript 2015. Разберём практические примеры, а так же проведём аналогию стандартов ES6 и ES5. В своё время это было самое крупное и революционное обновление стандарта, которое добавило кучу новых возможностей начиная новыми способами объявления переменных и новым типом функций, заканчивая новым типом данных symbol, классами, итераторами и генераторами. Все эти фичи мы подробно изучим.
✒ Репозиторий курса:
✔ GitHub: github.com/Yau...
✒ Используемые ресурсы и инструменты:
✔ Atom (Редактор кода): atom.io/
✔ Node.js: nodejs.org/en/
✔ Browserify/Watchify: github.com/bro...
✔ NPM http-server: www.npmjs.com/...
✒ Полезные ссылки:
✔ Exploring ES6: exploringjs.com...
✔ Babel: babeljs.io/doc...
✒ Полезные курсы на канале:
✔ JavaScript: • JavaScript
✒ Полный список готовых и планируемых курсов:
✔ Trello: trello.com/b/R...
✒ Автор курса:
✔ KZbin: / yauhenkavalchuk
✔ Instagram: / yauhenkavalchuk
✔ Twitter: / yauhenkavalchuk
✔ VK: YauhenK...
✔ LinkedIn: / yauhenkavalchuk
✔ GitHub: github.com/Yau...
✔ VK (Группа): webdevcom
✒ Поддержать развитие канала: github.com/Yau...

[@igorlezhnin323]

Прекрасное объяснение материала. У вас талант!

[@YauhenKavalchuk]

Спасибо)

[@p_levin]

Я так и не понял одного. Для каких конкретных задач они нужны? Сохранение состояния?

[@YauhenKavalchuk]

Нет. Создание уникальных ключей внутри объектов. Когда объекты действительно большие. Либо используются при создании библиотеки для уникальных имён и не допущения конфликта имён снаружи библиотеки

[@denonbasf3117]

learn.javascript.ru/symbol

[@АнастасияШелухина-з7е]

читала-читала и не совсем понимала, посмотрев видео, стало понятнее)) спасибо

[@YauhenKavalchuk]

Пожалуйста

[@ЧеловекБудущего-л8ю]

вот что я ценю, спасибо

[@YauhenKavalchuk]

Пожалуйста

[@parnasmi]

действительно крутое объяснение js symbol ов. Огромное спасибо! Даг бог вам здоровье!

[@YauhenKavalchuk]

Спасибо

[@ivant.7062]

Спасибо!! Всё чётко и понятно!!!

[@YauhenKavalchuk]

Пожалуйста

[@МаксКондратенко-ц2е]

Классные уроки, только не забрасывай, жду с нетерпением, async await

[@YauhenKavalchuk]

Спасибо! Буду стараться и дальше развивать канал

[@СергейФедоров-о6х1ш]

спасибо!!!!!!!!!!

[@YauhenKavalchuk]

Пожалуйста

[@vladbelov5875]

Спасибо большое за урок! Теперь стало понятно

[@YauhenKavalchuk]

Спасибо за отзыв

[@Victor-il9gm]

Спасибо, познавательно !

[@YauhenKavalchuk]

Пожалуйста

[@СергейУланов-п2у]

Спасибо! все понял

[@YauhenKavalchuk]

👍

[@serhioramires3166]

Как ц Вас получилось, что два символа имеют одинаковое имя? Если имена переменных отличаются, а олинаковые только дополнительные описания котоорые вообще не являются обязательными?

[@paranoia-1994]

Законспектировал большую часть видео, думаю на собеседовании не упаду грязь в лицом после такого исчерпывающего видео про Symbol

[@YauhenKavalchuk]

Не должны!)

[@chessclub92]

Спасибо

[@YauhenKavalchuk]

Пожалуйста

[@weTRONer]

nice explanation. thnks

[@YauhenKavalchuk]

You’re welcome

[@user-888azim-97]

спасибо!

[@YauhenKavalchuk]

Пожалуйста

[@karlenkm4230]

spasibo kruta abisnil!!!!

[@Alex_Delina]

Благодарочка)

[@YauhenKavalchuk]

Пожалуйста)

[@vikavika4644]

спасибо, видео про использование symbol в map или weakmap было бы классно посмотреть)

[@YauhenKavalchuk]

Мне самому было бы интересно посмотреть на это

[@singlebw4065]

за 2,5 года работы ни разу не понадобился данный тип

[@YauhenKavalchuk]

За 7 лет работы так и не пригодился)

[@ВасилийЗайцев-ь4о]

6:33 Каким образом можно обратиться к полю [Symbol('password')], не делая символ глобальным?

[@ghambaryanschannel2088]

let sym = Symbol('password') let person = { name: "Jack", age: 20, [sym]: 'Jack2020' } console.log(person[sym])

[@ВасилийЗайцев-ь4о]

​@@ghambaryanschannel2088 этот способ очевиден)) В ролике говорится лишь о том, как "вытащить" значение глобального символа 06:33. Пример из ролика: let person = { name: 'Jack', age: 20, [Symbol.for('password')]: 'Jack20' }; console.log(person[Symbol.for('password')]); А я о другом... Я об объявлении НЕ глобального символа в литерале объекта. И способу обращения к этому свойству) Без занесения его в реестр... let person = { name: 'Jack', age: 20, [Symbol('password')]: 'Jack20' //Symbol без for. Символ - НЕ глобальный. }; console.log( ? );

[@radist126]

А где symbol.iterator о котором ссылка в итераторах? Или я прозевал чтото ?

[@YauhenKavalchuk]

Не совсем понял вопрос. Я забыл добавить ссылку, или рассказать тему?

[@radist126]

@@YauhenKavalchuk в видео по итераторам kzbin.info/www/bejne/foXSdaiobKyeodk вы говорите что нужно создать свойство Symbol.iterator и ссылаетесь на это видео по Symbol но здесь ничего нет по Symbol.iterator. Таким образом не понятно , что делает Symbol.iterator и откуда оно взялось в итераторах

[@АлександрСтепанов-ц8э]

👍

[@YauhenKavalchuk]

👍

[@АлександрСтепанов-ц8э]

@@YauhenKavalchuk як я зрозумів, що створений через for символ є глобальним, наприклад Symbol.for(‘mySymbol’) , і з ним можна взаємодіяти в будь- якій частині коду, проте , як тоді з проблемою повторенням імен властивостей, коли ми знову ім‘я властивості вкажем, як Symbol.for(‘mySymbol’) то перезапишемо раніше створену? В чому різниця з тим, коли я два рази ключ вкажу однаковий без використання Symbol?А коли без for, то ніяк з властивістью/методом не зможу взаємодіяти?

[@VladDehtiarov]

Какое практическое применение?

[@YauhenKavalchuk]

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

[@alexb.2616]

@@YauhenKavalchuk Спасибо и за отличное видео, и за этот ответ. Кучу всего пересмотрел - и Ваш ролик самый понятный.

[@hardcore8224]

Зачем создавать символ в объекте без "for" если невозможно получить к нему доступ?

[@Atikan37]

потому, что при создании символа с конструкцией for больше работает как исключение. Если символ создан без for то к такому свойству в объекте не будет доступа и его нельзя будет "вытащить". Вытащить не получится: не перебрав массив или не обратившись по имени. Так же нельзя изменить символ извне.

[@ДмитрийНормов-ю6ц]

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

[@YauhenKavalchuk]

Это один из первых курсов, который появился на канале года 2 назад. На тот момент скилл монтажа не так был развит. Теперь всё намного нагляднее

[@juliaovod]

Подскажите, пожалусйта, название трека в начале видео :-)

[@YauhenKavalchuk]

Ох, уже и не вспомню, что-то из бесплатной медиатеки KZbin

[@k0dzer0]

Ну, Евгений, у тебя самый нормальный видос по символу в РУ сегменте молодец. Люди делают замечания, что читаешь, у меня тоже такая проблема была на видосах. Просто там другой подход используется, чтобы научиться говорить естественно - пересказывать.Кстати легко, посмотри метод Станиславского - актёрская игра, чтобы понять суть, что нужно держать в голове. Далее голосом сам себе или воображаемому апоненту в споре доказываешь, предположим что такое символ, раза три, затем из полученного Г материала нарезаешь в Адобе примьере суть, лучшие фрагменты, уверен все пройдёт легко, если воспользуешься этим актерским приёмом.

[@davtian1674]

console.log(person) >>> Object {name: "Jack", age: 20, Symbol(password): "Jack20"} вот так можно получит сивол

[@YauhenKavalchuk]

Спасибо за информацию!

[@foxf614]

Очень круто и доступно, спасибо! Но я не очень понял - если в объекте объявлять свойство символом без for - как получить значение такого ключа?

[@YauhenKavalchuk]

Если вы мне назовёте хотя бы один адекватный кейс зачем это может понадобиться, то я расскажу)

[@foxf614]

@@YauhenKavalchuk Ну... собственно я не смог придумать где вообще можно использовать символ кроме как в свойствах объекта) Может быть Вы могли бы описать другой вариант их использования, тогда я смогу понять.. Наверное:)

[@YauhenKavalchuk]

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

[@foxf614]

@@YauhenKavalchuk Понял, спасибо!Отлегло:)

[@EdwardTeach-e7d]

Почему я тогда весь объект не могу построить на символах?

[@YauhenKavalchuk]

А какой в этом смысл?

[@chirog13]

Почему символ задается через квадратные скобки?

[@ГлебЧетвертак-щ7з]

Это динамическое значение ключа объекта, или как-то так. Суть в том, что в качестве названия ключа можешь передать переменную, значение которой и будет ключем. const keyName = 'age'; const person = {name: 'Vasya', [keyName]: 20}; Лучше объясняется в видео на этом канале, называется "ES6 #7 Объекты (Object)".

[@chirog13]

@@ГлебЧетвертак-щ7з Спасибо!

[@YauhenKavalchuk]

Да, Глеб всё верно сказал)

[@parahumanoid]

@@ГлебЧетвертак-щ7з, завернул. Пока тоже не вижу оправдания, только если чтоб выпутаться из дерьмокода в легаси. Так сказать, выход из Матрицы. Тоже наверное библиотечное применение какое-то...

[@antonnikonov9721]

я так и не понял зачем мне символы, зря только потерял время

[@NeoJohnSmit]

Женя привет, как дела ?

[@YauhenKavalchuk]

Привет, ок)

[@FJFray]

Зря говорите, что символы придуманы и используются только для создания уникальных ключей. Таким образом вы исключаете не менее важную тему системных символов, например Symbol.iterator, используемый для создания кастомных итераторов.

[@YauhenKavalchuk]

На момент записи других идей использования символов не пришло в голову

[@АртакМинасян-н7ц]

3:36 что он сказал

[@YauhenKavalchuk]

«В качестве аргумента мы так же можем отправлять имя для символа»

[@saydrake9363]

Почему на 6:28 обращаемся person[Symbol.for('password')] , через квадратные скобки к символу , а не через точку ?

[@YauhenKavalchuk]

А вы пробовали обратиться через точку, получилось?

[@saydrake9363]

@@YauhenKavalchuk "Если мы хотим использовать символ при литеральном объявлении объекта {...}, его необходимо заключить в квадратные скобки." Поэтому мы не можем обратиться к символу ч/з точку

[@grigoryVolchok]

Он должет "вычислиться", или вернуть вычисленное значение, поэтому через квадратные скобки. Через точку только к свойствам, которые созданы из литералов строк.

[@Fs-xj2gu]

Такое чувство как будто с книжки читаешь Своими словами не мог объяснить?

[@YauhenKavalchuk]

Нет, начну объяснять своими словами, напишут что лью воду. А вообще, вы отчасти правы - я зачитываю сценарий, который до этого написал

[@Fs-xj2gu]

@@YauhenKavalchuk ну зачем тезисна

[@serhioramires3166]

Да он сам не понимает, зазубрил по learning javascript и высоал на ютуб. Mission complied.

[@anubiss6511]

Ну и в чем его смысл?

[@YauhenKavalchuk]

Если вы обычный разработчик, мало вероятно что хоть раз воспользуетесь таким типом данных

[@davtian1674]

let person = { name: "Jack", age: 20, [Symbol("password")]: "Jack20", } console.log(person) // Object {name: "Jack", age: 20, Symbol(password): "Jack20"}

[@VassiliySmith]

шляпа полнейшая, кто вообще юзает это на практике сложно представить

[@YauhenKavalchuk]

🤷‍♂️