JavaScript Objects

  • jaymcgavren

Oops, a subscription is required to view this video. You can enroll now to watch, or try out all that Code School has to offer with a free two-day Hall Pass.


Robert Cham said

Good stuff although a little too fast to follow especially towards the end.

sh0wtym3 said

This was a nice explanation of the fundamentals regarding Javascript objects... But really out of billions of possible example objects you chose a toilet? :)

ribildayeva said

Jay, too fast! Had to rewind and listen closely to some half-dozen of pieces of the video multiple times.

Bruno Garcia said

Really awesome introductory video!

Peter said

Wow, I've been looking for a good, succinct glossary/definition of these distinctions. Thanks! Well done.

amccarthy said

very good tut. more along this line would be great. :)

kayris said

Great stuff!

jdbrown371 said

All the basics in under 10 minutes except that I have a problem not LMAO when exposed to potty humor and had to restart the video several times to make it to the end.

João Ramos said

Brilliant wrap-up. Bonus points for being compact and informative over tedious and lengthy.

Iago said

I also think it is too fast in the middle of it, but I have learn something

SebastianM said

Way too fast at the end with the prototype stuff.

Jeremy said

You need to slow down Jay!

phaNTzy said

to fast , its so important to understand this issue , there is a need for more video in this subjects , there are beginners here !

UzmaKR said

Screencast is a good intro. However, the part on prototypes needs to be clarified. The instructor goes too fast. I had to review the part on the FancyToilet prototype several times before i got it.

Jake Craige said

Another +1 for the having a course. It doesn't really make sense to me that there are multiple courses on js frameworks but none on just vanilla js! I'd rather start with that before learning the frameworks, so I'm forced to use another resource for that

Olga said

DIEGO D'URSEL: suppose you want a funtion inside and if statement, sometimes you do, then var foo = function(){} is allowed way opposed to function foo(){}, the ECMA standard prohibits the latter. Also as Vincent said there is hoisting of vars, the effect is that funtion foo() {} is available anywhere from top to bottom, whereas var foo = function(){} is available from the assignment and downward. (Do not forget scope)

Diego d'Ursel said

Good screencast! The beginning was a little bit slow, and the end maybe a bit too fast. But it was worth watching. As Vincent said, I knew there was a difference between "function flush()" and "var flush = function()" but I can't tell the use of that. I'm definitely looking for an entire course on JS.

Irl Nathan said

Agree on the level of awesomeness as well as the need for an entire course.

Patrick Westerberg said

This was awesome! Need more, so do a full Course please :)

oneiota said

Ditto. Love the fundamental practicality this presents.


Jay McGavren said

Vincent: good catch - I had not been aware of the difference!

vincent said

You say that "function flush()" and "var flush = function()" are the same. but when your asigning a function to a variable only the variable declarion gets hoisted, while using the function keyword the entire function gets hoisted.

wills said

agreed. This is pretty good.

xeronu said

great screencast!

Jonas Larsen said

I needed to refresh my knowledge about JS prototypes, and this video was perfect! Thanks!

oskl said

Seriously this introduction video is just great! Thank you


Jay McGavren said

Both forms definitely set the correct constructor. I don't think you can go too far wrong with Mozilla's version.

Maciej said

I really like this screencast, a lot of information in a concise form :)


In this screencast, Jay McGavren gives you a clear, no-nonsense look at JavaScript objects. You'll learn how properties and functions are woven together to make a complete object. You'll learn what's special about constructor functions (not that much), and how prototypes form the basis for creating new objects. If you're ready to take the next step with your JavaScript development, this tutorial will show you how.