Master JavaScript Objects
#javascript #object #software #webdevelopment
Hello, I am back with a new video.
Objects and Object-oriented programming in JavaScript are complex topics with a lot of information to know, it usually takes days to learn about objects. So the goal of this video is to compact days of training into a few minutes. You will learn about objects, properties, attributes, inheritance, prototype and constructors. You will learn about Classes in my next video!
Cheatcheet/mindmap: https://ko-fi.com/s/34966c8fb1
Shop: https://ko-fi.com/computerbread/shop
Follow me on twitter: / computerbread
Subscribe: https://www.youtube.com/@ComputerBrea...
Video about JS Class: • The hidden details of JavaScript Classes
JavaScript playlist: • JavaScript
Timestamps:
0:00 Introduction
0:27 Data types
0:38 Object
1:08 Attributes
2:08 Create Objects: the hard way
3:57 Traversing Objects
6:41 Accessor property
8:15 "this"
9:12 Create Objects: the easy way
10:55 Check if a property exists
11:07 Order of properties
12:02 Method definition
12:42 [[Prototype]]
15:09 Inheritance
16:27 Prototype chain
18:39 Inheritance example
21:58 Constructors
27:12 Conclusion
A few notes:
Prerequisites: you should know about JavaScript variables & functions, prior knowledge in objects is not required but will help
I tried to make the video beginner friendly while still talking about advanced concepts, some parts may be a bit difficult
Some explanations (like how the new operator works) should be considered “mental model” more than what’s really happening, reading the specification being difficult and the actual implementation being engine-dependent, I created some approximations/representations that can be considered inaccurate
The part on “this” is very short, “this” can be very confusing in JavaScript. To clarify a bit, the value of “this” depends on the context at runtime, when you use “method invocation”, like “obj.method()”, “this” inside the body of “method” will refer to “obj”. Note that the value of “this” can be lost. You can also decide what value “this” should have with “Function.prototype.apply()”, “Function.prototype.call()” or “Function.prototype.bind()”
Some part of the audio are a bit scuffed, I re-recorded some part with a different set up
My pronunciation & voice are not the best, I could pay someone to read the script for me, but I am trying to get better at speaking English, so I am sorry if you struggle understanding me sometimes, but I am not sorry for trying to get better
sources:
https://javascript.info/
https://developer.mozilla.org/en-US/
https://tc39.es/ecma262/
Keywords:
Object, Objects, JavaScript, ES6, Prototype, Inheritance, constructor, descriptors, attributes, properties, class
Nesta página do site você pode assistir ao vídeo on-line Master JavaScript Objects duração hora minuto segundo em boa qualidade , que foi baixado pelo usuário ComputerBread 28 Abril 2023, compartilhe o link com seus amigos e conhecidos, no youtube este vídeo já foi visto 536 vezes e gostou 29 espectadores. Boa visualização!
