Symbols in JavaScript: how to use in real life?

This video is about Symbols in JavaScript. A lot of frontend-developers don’t know what is Symbol in JavaScript and how it works. In this video I explain how Symbols in JS work, in which situation they will be useful and even how with symbols we can change behaviour of native JavaScript objects.
Follow me on:
- GitHub: github.com/Algoritm211
- LinkedIn: / horbunov
- Telegram Channel: t.me/world_of_frontend
Timecodes:
00:00 - Intro
00:30 - What is Symbol
01:37 - First symbol property
02:28 - Second symbol property
06:24 - Access to symbol property in object
07:55 - Symbol Iterator
12:41 - Symbols recap
#javascript #development #programming #progress #frontend #symbols #interview #personaldevelopment

[@scb-spacecryptobubbles7741]

Amazing work you did!

[@user-qs4fb3xp6v]

👍

[@flyingbutter6759]

That’s amazing, I will watch your video 7.5 times and I will report it, thank you

[@rost-st]

Nice!

[@alexey_horbunov]

Thanks)

[@TimFedorchuk]

Wow, thanks for the video! Interesting topic. Are there any other useful properties like "Symbol.iterator"? Maybe something you personally recommend or use on a daily basis?

[@alexey_horbunov]

Thank you for the comment. Hmm, what I would recommend to acquire is Symbol.asyncIterator for an overriding of iterating through async objects - developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Symbol/asyncIterator . Also Symbol.isConcatSpreadable which may help you override merging objects - developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Symbol/isConcatSpreadable. And the interesting symbol is Symbol.toPrimitive, which can override default behaviour of transforming objects to primitives - developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Symbol/toPrimitive