What is Constructor Function in JavaScript? - JS Tutorial

[@ColorCode-io]

What is a Constructor Function in JavaScript? 🎉🕺🏻👨🏻‍💻

[@ajaymishra1511]

Love your content . You make things super easy

[@lazycoder7139]

dfds

[@lazycoder7139]

dsdsf

[@lazycoder7139]

dfsd

[@paulam.moyano1775]

I am watching every chapter with the same excitement (and anxiety) as a breaking bad episode. Awesome teaching, thanks 🤯👏

[@ColorCode-io]

Haha this is the best comment I've ever got.

[@g_pazzini]

too bad no mr white 😂😂😂

[@michalfigiel1854]

I don`t know how far I will get with my coding but your content did come out at the right moment for me! Thanks a lot!

[@danielwilberforce7400]

Best tutorials on the internet, Production is A1 brother. Thanks!!!

[@ColorCode-io]

Appreciate that

[@davidwilson-brown6972]

This is super clean. I'm hooked. The layout, the lighting, the pace for new coders (which I definitely am) are spot on. Thanks for creating great content wrapped in a professional package. It really makes a difference. If anyone is thinking of subscribing or liking, just stop thinking. Subscribe. Like. Done.

[@ColorCode-io]

Thank you David

[@EiandGi8Six]

yeah! People like Sina should stop working on projects and teach from kids to adults :D

[@Jack-jz7ej]

Hey bro , looking at this video now and wondering how you doing with the coding after 3 years

[@princessceballos]

I'm not sure what i'm more impressed by, your editing or the explanations. Ivy-league like quality education for FREE! Thank you.

[@ColorCode-io]

Thank you 😊

[@hrahman3123]

This needs 100x more views then it does. Looking forward to the rest of the series when you upload it. Great work!

[@ColorCode-io]

Thanks Husam! Next videos dropping next week.

[@TheCinematicTola]

Coolest teacher on KZbin,live the explanation

[@ColorCode-io]

Ty!

[@censoretti]

i wanna really thank you, i pass all day long trying to undertand 'this', and you explain like a god, and blow my mind, thanks, keep the good work, please

[@ColorCode-io]

Awesome. Thanks for your comment.

[@hunin27]

This tutorial is made so well!! I'm learning javascript from Bro Code but i got a bit stuck on classes, your explanation is amazing!!

[@ColorCode-io]

Awesome

[@ndavid24]

I been on the self taught route and these videos have been by FAR the best out there. Thank you for what you do, WE SEE AND APPRECIATE YOU!

[@ColorCode-io]

Thank you!

[@michaeljohnson1576]

So Sina...I've gone over objects like 4 times and this is the first time I'm seeing that objects create a 'this' variable and returns it when you use the New keyword in a constructor function. Being that that is the case, it really goes well with your teachings of factory functions and kinda trivialized a very hard to understand concept for me. Thank you so much for helping....You got my sub yesterday but if I could do it again, I would :).

[@ColorCode-io]

Thanks Michael!

[@alex_blue5802]

I'm so hooked on this series. Top notch content and presentation.

[@ColorCode-io]

Thank you

[@EiandGi8Six]

GREATE GREAT GREAT THEACHER! Evertything in your video is really accurate, from the graphic the music and timing! it's really rare find people that teach the way you do! Go on! and Thank you!

[@ColorCode-io]

Thank you!

[@ankurgupta4696]

I request all the viewers to do like and comment the videos, because the content is really awesome, I am loving the Javascript after watching his videos

[@ColorCode-io]

hah thanks!

[@lewitness1759]

Thanks, I didn't even realise there was a difference between constructors and factory functions!

[@NcVelocity]

I like the way you teach and the video quality and the code snippets are way better than someone talking and going through with and just speaking quickly. Good job and thank you!!

[@ColorCode-io]

Thanks for taking the time to write that

[@tigana]

Wow. What a hidden gem of a video

[@ColorCode-io]

Thank you 🙏

[@genesipes8532]

This is definitely great content. You're a natural.

[@ColorCode-io]

👍👍

[@tetianazhuchenko2182]

It's the best explanation I've had ever 👍👍👍that a lot

[@sanjayloncha]

The way you explain the stuff is just amazing.... Great content delivery.... Keep going champ 🏆.... Love form INDIA.♥️

[@ColorCode-io]

Thank you!

[@worldwide_wes]

the funny intro earned my sub...just fell flat on my face in an interview where I was asked to explain one of these...time to brush up

[@omersoncruz1081]

I'm loving your js videos. Pls keep it coming

[@ColorCode-io]

Thank you! Will do!

[@awaismohsin345]

Soon big companies will pick you up, They don't know yet how rare diamond you are, Exellent

[@Luispaulino-tp7tv]

Love your content and the way you aproach everything! keep the good work!

[@ColorCode-io]

I appreciate that!

[@gatorgrad]

thanks for the directions.

[@CondeAlberto]

An excellent job, mate. 👌🏼 Subscribed.

[@matt.mattox3518]

Love your videos! Well done and appreciate all the context! Future video on all the extensions you use on VS?

[@ColorCode-io]

Good idea! Thanks.

[@error0803]

You are a great teacher. Thank you so much!!

[@ColorCode-io]

Thank you!

[@johnnyholiday1150]

Brilliant this is exactly what I needed mate! Wanted to make a memory game using classes for the div elements. This was really helpful. Thank you!! Carry on the amazing job cheers!!!!

[@ColorCode-io]

Glad it helped!

[@RaelindaWoad]

I loved learning about the hidden this in the constructor function. Now this.this and this.that makes this.sense!

[@ColorCode-io]

Haha awesome

[@shaharyair4314]

Great explanation! thank you so much

[@ColorCode-io]

You're welcome

[@isaacfidler937]

Loving these, really well put together, the videos look great, and the ideas are really clear. Keep it up 👍.

[@ColorCode-io]

Making episode 7 as we speak :) Should be out soon.

[@kevinmaas7867]

thanks for the explaination sir. hope god bless u

[@bereketsisay1791]

You are doing an awesome job. keep going man.Its kinda weird you have this little subscribers cause you have such quality contents, but its guaranteed you will blow up with these contents.

[@ColorCode-io]

Thanks 🙏

[@EliStoqnova-e4s]

amazing tutorial! it was so well explained, thank you! ♥

[@raxitlakhatariya5915]

this guy is hilarious, thank you indeed for clearing my doubt! i like the way of your teaching for newbie like me

[@ColorCode-io]

Thanks!

[@Yash-et9ru]

Please keep continue this series

[@ColorCode-io]

More coming soon

[@martinmorel2416]

Thanks for this content, I learned a lot!!

[@ColorCode-io]

Glad to hear it!

[@rathoreboys]

As a viewer I would suggest you to put the link to the playlist of video series, or any other video of your channel that you mention in the description box. Your content is great👍👍

[@ColorCode-io]

Good suggestion. Thanks!

[@aliissa1058]

This was really helpful,Thank you so Much!!!!!

[@erickchavez4551]

Thanks for this video, your content is pure gold! Subscribed.

[@ColorCode-io]

Awesome, thank you!

[@abhishekshrivastava177]

Beautiful.I'm crying.

[@ColorCode-io]

:)

[@jewelgeeageorge4801]

damn your videos are dope , understood them clearly, was struggling to get a clear , grasp of constructors !

[@LeetCodeSimplified]

Thx again! Your tutorials are really awesome!!

[@ColorCode-io]

Glad you like them!

[@Ranbo5]

Thanks for another awesome tutorial! (Btw I'd make that chef take the first bite...)

[@ColorCode-io]

Good call!

[@fizruk7644]

Thank you so much, I subscribed!

[@ColorCode-io]

Awesome!

[@binary_star4]

great explanation , Qoli part was the best though :D

[@mathanprakash5685]

You seem like naturally has a teacher

[@ColorCode-io]

Thanks

[@badbrother_2023]

This is really awesome. React does this

[@abelmarkos5753]

hell sina very well explanation Would yuo consider making another series called 10 things react developer should now but probably don't

[@ColorCode-io]

That would be really cool. Thanks for the suggestion.

[@codepearls]

DOM related examples were understandable. ☺☺

[@ColorCode-io]

Great!

[@RichardMonné-u4w]

WOW tu expliques très bien mon gars

[@simonshurety3870]

" Uughh, I'm bored already, who da fuq wrote this s*#t?" "You did!" 🙌

[@ColorCode-io]

Apparently I did

[@mahdietaghavi3759]

Thanks sina, from iran😊

[@ColorCode-io]

👋 You're welcome!

[@dantervil6103]

Awesome video thanks 👌👌

[@ColorCode-io]

👍🏼

[@heisenbergsk21]

You have a nice way of explaining things but unique,you wouldn't make anyone bored of even boring top. Even tho I know most of the things you teach still I watch it coz you are too good.

[@VikasChauhan1809]

Please make a series on NodeJS full course

[@varunsharma3775]

Voila !! you are amazing!! When are you gonna post another video? I am super excited . Thanks alot.

[@ColorCode-io]

Very soon!

[@tanmaychotu665]

why you are not making more content like this??..it's great

[@ColorCode-io]

Lots more content coming soon.

[@bilalbeny4172]

thanks for this video

[@Edits-rashy]

If John Oliver knew Javascript it would sound like this .... Brilliant!

[@ColorCode-io]

Haha thanks

[@mosesmbadi4158]

Love your content man. I think I am ready for that interview now, hehe. Anyway, I love your set up. I am planning to start a KZbin channel, I'm sort of a social Critique, do you have any tips on how to set up something like yours?

[@ColorCode-io]

Depends what exactly you need. Message me on Instagram and we chat talk @colorcode.io

[@slyandlethal]

Are constructer and factory functions still used considering now we have classes ?

[@Chris2phaBrown]

Cool vid, always good to see videos about different ways to do things that that I once knew, but have probably forgotten, it seems the more I learn about all the new fancy frameworks, the more I forget about basic JS :( A couple of things I was thinking about when watching the video.. What happens when you call the constructor function without the new keyword? How is the constructor different from the factory function as far as memory is concerned, I think, if there was a talk function in both the factory and constructor, Each item created with the factory function would have it's own instance of the talk function, but with the constructor, each item would reference a single instance of a talk function... hmm, I could be wrong though lol. I was waiting for you to show the structure of the object created with the constructor to see if the function was placed on the prototype. Keep the cool videos coming mate :)

[@ColorCode-io]

Chris! Always good to hear from you man. At the end of the day Constructor functions are just functions so if you don't use NEW then it'll just execute like any other function, but obviously it won't return the this object back so nothing happens other than what's in the function itself. Regarding the memory footprint I think you're right. One of the things I failed to mention in the video is how using constructors you're pointing to a 'source of truth' object where you can add methods to the prototype property and add functionality to your objects that's placed on one object. Where as factory functions don't follow that concept, they're copies of each other every single time. Thanks for pointing that out. Thanks again for always watching my stuff. We should catch up soon. Hope you're doing well down under!

[@DevlogBill]

Excellent video! But I had a question? I tend to write my constructor with a class. But I also write the constructor method under the class and even write super. I am still a newbie. Technically I am guessing it is the same?

[@kerrydaniels8460]

Thanks!

[@ColorCode-io]

Thank you for the super thanks!

[@kresimircosic3753]

Fantastic content mate.

[@ColorCode-io]

Thank you

[@JoselitoPerez-j7d]

do you still consider SuperElement as constructor function even if youre not declaring the constructor function?

[@daubert4892]

Maybe I am missing something but I don’t see the need for constructors, I am always using so-called factory functions to create my new structured objects. The return syntax is very intuitive. I also never use classes.

[@RezHimself]

What's the difference between constructor function and normal function? We can use the normal one for this example

[@Linuxdeveloper]

Thanks for the video man, just wondering - what text editor do you use here, once presenting your code?

[@ColorCode-io]

Chrome DevTools :)

[@Linuxdeveloper]

@@ColorCode-io Hahaha 😂 I didn't see that coming 😂😂😂 Thanks man 😂

[@evilcom]

thanks

[@ColorCode-io]

👊

[@SwathiS-s2o]

How this is getting binded inside the arrow function

[@colindante5164]

why isn't the following syntax used ? Thanks For example: class Car { constructor(brand) { this.carname = brand; } } const myCar = new Car("Ford");

[@TsipporahtheExplorer]

Can someone answer why when he did the click event, the elements came back not in order of the array? it returned: a, b, c, b, a, b ???

[@ColorCode-io]

I just happen to be clicking on the elements in that order. That's not the order they were rendered in. I'm clicking on the elements in a window that you can't see.

[@TsipporahtheExplorer]

@@ColorCode-io oh awesome. Thanks so much for the reply! You the MVP.

[@chrisdietrich1533]

Thanks for this

[@ColorCode-io]

You’re welcome

[@ultronsam1214]

Excuse me, I thought you can't use an arrow function in a direct object method on this keyword?

[@blalezarian]

Great video but work on the typos!

[@havefun5519]

Why it's this.el in constructor element rather than this.type = type?

[@2ru2pacFan]

Creepy Craig!!! lol 🤣🤣🤣

[@ColorCode-io]

He’s trying his best

[@Nodsaibot]

JS object constructors are like C templates

[@rohanagrawal5747]

Magic🤣🤣

[@ColorCode-io]

lol

[@cestlavieeee]

its killing me that your face next to the code is a squircle and not a circle, seems radius of the cutout is a bit smaller

[@ColorCode-io]

Haha you noticed! It's there to grab the attention of CSS babies.

[@cestlavieeee]

@@ColorCode-io true:) designer turned coder.

[@risselify]

Not clear for me , sad. I'm learning Front-end 6 months

[@saragholampour8448]

youre so cool 😂

[@abdelhakimhamidi-zv4qs]

i honestly could not focus at all with the background music,the beat was way too distracting with a headset

[@dustinhxc]

Hahahha who the F wrote this!? 😂😂

[@NiiiGhtyR]

sina and qoli ? persian much ? lol

[@hassansyed6087]

I'm not sure why you found it so easy to call the expression on the guy's face "creepy" ? He's just a normal chef posing for a picture with a dish he made. What is so creepy about that? Don't get caught up in 2023 feminism ideology where every guy, even slightly showing any expression of joy in a picture, is considered to be predatory. Good explanations for your JS material but I just didn't appreciate how you put men down like that. Be better.

[@dssdfsfddsf3761]

"time is Monee" 😂 great talk.. I just realized how much time i wasted in my life.

[@ColorCode-io]

Now that you’re saving time hopefully you’ll save some moneeee

[@chrisdietrich1533]

Thanks for this

[@ColorCode-io]

You’re welcome