What is Constructor Function in JavaScript? - JS Tutorial

แชร์
ฝัง
  • เผยแพร่เมื่อ 17 ม.ค. 2025

ความคิดเห็น • 164

  • @ColorCode-io
    @ColorCode-io  3 ปีที่แล้ว +18

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

  • @paulam.moyano1775
    @paulam.moyano1775 2 ปีที่แล้ว +34

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

    • @ColorCode-io
      @ColorCode-io  2 ปีที่แล้ว +7

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

    • @g_pazzini
      @g_pazzini ปีที่แล้ว +1

      too bad no mr white 😂😂😂

  • @princessceballos
    @princessceballos ปีที่แล้ว +9

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

  • @hrahman3123
    @hrahman3123 3 ปีที่แล้ว +19

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

    • @ColorCode-io
      @ColorCode-io  3 ปีที่แล้ว

      Thanks Husam! Next videos dropping next week.

  • @davidwilson-brown6972
    @davidwilson-brown6972 3 ปีที่แล้ว +30

    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
      @ColorCode-io  3 ปีที่แล้ว +2

      Thank you David

    • @EiandGi8Six
      @EiandGi8Six ปีที่แล้ว

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

    • @Jack-jz7ej
      @Jack-jz7ej 4 หลายเดือนก่อน

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

  • @TheCinematicTola
    @TheCinematicTola ปีที่แล้ว +3

    Coolest teacher on TH-cam,live the explanation

  • @michalfigiel1854
    @michalfigiel1854 3 หลายเดือนก่อน +1

    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!

  • @censoretti
    @censoretti 2 ปีที่แล้ว +3

    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
      @ColorCode-io  2 ปีที่แล้ว

      Awesome. Thanks for your comment.

  • @ndavid24
    @ndavid24 ปีที่แล้ว +2

    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!

  • @danielwilberforce7400
    @danielwilberforce7400 2 หลายเดือนก่อน +1

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

    • @ColorCode-io
      @ColorCode-io  2 หลายเดือนก่อน

      Appreciate that

  • @kerrydaniels8460
    @kerrydaniels8460 2 ปีที่แล้ว +1

    Thanks!

    • @ColorCode-io
      @ColorCode-io  ปีที่แล้ว

      Thank you for the super thanks!

  • @hunin27
    @hunin27 ปีที่แล้ว +3

    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!!

  • @alex_blue5802
    @alex_blue5802 ปีที่แล้ว +1

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

  • @NcVelocity
    @NcVelocity ปีที่แล้ว +1

    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
      @ColorCode-io  ปีที่แล้ว

      Thanks for taking the time to write that

  • @EiandGi8Six
    @EiandGi8Six ปีที่แล้ว +1

    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!

  • @michaeljohnson1576
    @michaeljohnson1576 ปีที่แล้ว +4

    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 :).

  • @lewitness1759
    @lewitness1759 2 ปีที่แล้ว +1

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

  • @genesipes8532
    @genesipes8532 2 ปีที่แล้ว +2

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

  • @ankurgupta4696
    @ankurgupta4696 2 ปีที่แล้ว +1

    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

  • @omersoncruz1081
    @omersoncruz1081 ปีที่แล้ว +1

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

  • @Luispaulino-tp7tv
    @Luispaulino-tp7tv 9 หลายเดือนก่อน +1

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

    • @ColorCode-io
      @ColorCode-io  8 หลายเดือนก่อน

      I appreciate that!

  • @tigana
    @tigana 2 ปีที่แล้ว +2

    Wow. What a hidden gem of a video

  • @worldwide_wes
    @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

  • @tetianazhuchenko2182
    @tetianazhuchenko2182 ปีที่แล้ว +1

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

  • @isaacfidler937
    @isaacfidler937 3 ปีที่แล้ว +3

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

    • @ColorCode-io
      @ColorCode-io  3 ปีที่แล้ว

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

  • @matt.mattox3518
    @matt.mattox3518 2 ปีที่แล้ว +3

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

  • @bereketsisay1791
    @bereketsisay1791 2 ปีที่แล้ว +1

    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.

  • @CondeAlberto
    @CondeAlberto 2 ปีที่แล้ว +1

    An excellent job, mate. 👌🏼
    Subscribed.

  • @shaharyair4314
    @shaharyair4314 11 หลายเดือนก่อน +1

    Great explanation! thank you so much

    • @ColorCode-io
      @ColorCode-io  10 หลายเดือนก่อน

      You're welcome

  • @RaelindaWoad
    @RaelindaWoad 3 ปีที่แล้ว +2

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

  • @evilcom
    @evilcom 2 ปีที่แล้ว +1

    thanks

  • @sanjayloncha
    @sanjayloncha 2 ปีที่แล้ว +1

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

  • @awaismohsin345
    @awaismohsin345 2 ปีที่แล้ว

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

  • @raxitlakhatariya5915
    @raxitlakhatariya5915 2 ปีที่แล้ว +2

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

  • @error0803
    @error0803 2 ปีที่แล้ว +1

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

  • @martinmorel2416
    @martinmorel2416 ปีที่แล้ว +1

    Thanks for this content, I learned a lot!!

  • @abhishekshrivastava177
    @abhishekshrivastava177 3 ปีที่แล้ว +1

    Beautiful.I'm crying.

  • @johnnyholiday1150
    @johnnyholiday1150 2 ปีที่แล้ว +2

    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!!!!

  • @LeetCodeSimplified
    @LeetCodeSimplified 3 ปีที่แล้ว +1

    Thx again! Your tutorials are really awesome!!

  • @kevinmaas7867
    @kevinmaas7867 ปีที่แล้ว +1

    thanks for the explaination sir. hope god bless u

  • @badbrother_2023
    @badbrother_2023 2 ปีที่แล้ว +1

    This is really awesome. React does this

  • @gatorgrad
    @gatorgrad ปีที่แล้ว +1

    thanks for the directions.

  • @aliissa1058
    @aliissa1058 2 ปีที่แล้ว

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

  • @erickchavez4551
    @erickchavez4551 2 ปีที่แล้ว +1

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

  • @EliStoqnova-e4s
    @EliStoqnova-e4s 11 หลายเดือนก่อน

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

  • @fizruk7644
    @fizruk7644 3 ปีที่แล้ว +1

    Thank you so much, I subscribed!

  • @jewelgeeageorge4801
    @jewelgeeageorge4801 4 หลายเดือนก่อน

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

  • @dantervil6103
    @dantervil6103 ปีที่แล้ว +1

    Awesome video thanks 👌👌

  • @mahdietaghavi3759
    @mahdietaghavi3759 3 ปีที่แล้ว +1

    Thanks sina, from iran😊

  • @bilalbeny4172
    @bilalbeny4172 ปีที่แล้ว +1

    thanks for this video

  • @Yash-et9ru
    @Yash-et9ru 3 ปีที่แล้ว +3

    Please keep continue this series

  • @rathoreboys
    @rathoreboys 3 ปีที่แล้ว +2

    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
      @ColorCode-io  3 ปีที่แล้ว

      Good suggestion. Thanks!

  • @binary_star4
    @binary_star4 5 หลายเดือนก่อน

    great explanation , Qoli part was the best though :D

  • @Ranbo5
    @Ranbo5 ปีที่แล้ว +1

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

  • @codepearls
    @codepearls ปีที่แล้ว +1

    DOM related examples were understandable. ☺☺

  • @mathanprakash5685
    @mathanprakash5685 3 ปีที่แล้ว +1

    You seem like naturally has a teacher

  • @RichardMonné-u4w
    @RichardMonné-u4w ปีที่แล้ว

    WOW tu expliques très bien mon gars

  • @Linuxdeveloper
    @Linuxdeveloper 3 ปีที่แล้ว +1

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

    • @ColorCode-io
      @ColorCode-io  3 ปีที่แล้ว +2

      Chrome DevTools :)

    • @Linuxdeveloper
      @Linuxdeveloper 3 ปีที่แล้ว

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

  • @simonshurety3870
    @simonshurety3870 2 ปีที่แล้ว +1

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

  • @slyandlethal
    @slyandlethal 5 หลายเดือนก่อน

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

  • @tanmaychotu665
    @tanmaychotu665 3 ปีที่แล้ว +1

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

    • @ColorCode-io
      @ColorCode-io  3 ปีที่แล้ว

      Lots more content coming soon.

  • @abelmarkos5753
    @abelmarkos5753 3 ปีที่แล้ว +1

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

    • @ColorCode-io
      @ColorCode-io  2 ปีที่แล้ว

      That would be really cool. Thanks for the suggestion.

  • @VikasChauhan1809
    @VikasChauhan1809 2 ปีที่แล้ว

    Please make a series on NodeJS full course

  • @Chris2phaBrown
    @Chris2phaBrown 3 ปีที่แล้ว +2

    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
      @ColorCode-io  3 ปีที่แล้ว

      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!

  • @mosesmbadi4158
    @mosesmbadi4158 2 ปีที่แล้ว

    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 TH-cam channel, I'm sort of a social Critique, do you have any tips on how to set up something like yours?

    • @ColorCode-io
      @ColorCode-io  2 ปีที่แล้ว

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

  • @kresimircosic3753
    @kresimircosic3753 3 ปีที่แล้ว +1

    Fantastic content mate.

  • @JoselitoPerez-j7d
    @JoselitoPerez-j7d ปีที่แล้ว

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

  • @DevlogBill
    @DevlogBill 2 ปีที่แล้ว

    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?

  • @RezHimself
    @RezHimself ปีที่แล้ว

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

  • @chrisdietrich1533
    @chrisdietrich1533 3 ปีที่แล้ว +1

    Thanks for this

  • @heisenbergsk21
    @heisenbergsk21 2 ปีที่แล้ว

    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.

  • @2ru2pacFan
    @2ru2pacFan ปีที่แล้ว +1

    Creepy Craig!!! lol 🤣🤣🤣

  • @SwathiS-s2o
    @SwathiS-s2o ปีที่แล้ว

    How this is getting binded inside the arrow function

  • @TsipporahtheExplorer
    @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
      @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
      @TsipporahtheExplorer ปีที่แล้ว

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

  • @Edits-rashy
    @Edits-rashy 3 ปีที่แล้ว +1

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

  • @varunsharma3775
    @varunsharma3775 3 ปีที่แล้ว +2

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

  • @daubert4892
    @daubert4892 9 หลายเดือนก่อน

    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.

  • @colindante5164
    @colindante5164 9 หลายเดือนก่อน

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

  • @havefun5519
    @havefun5519 ปีที่แล้ว

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

  • @ultronsam1214
    @ultronsam1214 2 ปีที่แล้ว

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

  • @rohanagrawal5747
    @rohanagrawal5747 2 ปีที่แล้ว +1

    Magic🤣🤣

  • @cestlavieeee
    @cestlavieeee 2 ปีที่แล้ว +1

    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
      @ColorCode-io  2 ปีที่แล้ว

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

    • @cestlavieeee
      @cestlavieeee 2 ปีที่แล้ว +1

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

  • @blalezarian
    @blalezarian ปีที่แล้ว

    Great video but work on the typos!

  • @Nodsaibot
    @Nodsaibot ปีที่แล้ว

    JS object constructors are like C templates

  • @saragholampour8448
    @saragholampour8448 3 ปีที่แล้ว +1

    youre so cool 😂

  • @risselify
    @risselify ปีที่แล้ว

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

  • @abdelhakimhamidi-zv4qs
    @abdelhakimhamidi-zv4qs 5 หลายเดือนก่อน +1

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

  • @dustinhxc
    @dustinhxc 2 ปีที่แล้ว

    Hahahha who the F wrote this!? 😂😂

  • @NiiiGhtyR
    @NiiiGhtyR ปีที่แล้ว

    sina and qoli ? persian much ? lol

  • @hassansyed6087
    @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
    @dssdfsfddsf3761 ปีที่แล้ว +1

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

    • @ColorCode-io
      @ColorCode-io  ปีที่แล้ว

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

  • @chrisdietrich1533
    @chrisdietrich1533 3 ปีที่แล้ว +1

    Thanks for this