How to Create Singleton Classes in JavaScript - Design Patterns Tutorial

In this video tutorial I'll be showing you a technique to create a Singleton Class in JavaScript with ES6 classes.
Singleton classes are used when you only want a single instance of a class to be created - this is useful for things like "settings" or "environmental variable" accessors.
Support me on Patreon:
/ dcode - with enough funding I plan to develop a website of some sort with a new developer experience!
Follow me on Twitter @dcodeyt!
If this video helped you out and you'd like to see more, make sure to leave a like and subscribe to dcode!
#dcode #javascript #webdev

[@gmjitendra]

Excellent example. Thanks

[@smoothbeak]

That was pretty interesting, not something I had ever considered doing before

[@dcode-software]

Yeah mate, most cases you probably don't need it, but it has potential to inspire something else.

[@smoothbeak]

@@dcode-software For sure, I thought it was quite clever

[@montebont]

Nice one but looks a bit like a solution looking for a problem.
From my (PHP) background this looks like a factory pattern which produces a new class instance. Static methods in the factory will do just that...🙂 And IMHO that's the real use case

[@DusanResin]

Very nice solution! Thanks for sharing.

[@dcode-software]

No probs mate 😁

[@adampielach4942]

Great video! Keep 'em comming, Dom!

[@dcode-software]

Thanks Adam 😁 will do mate

[@mattcroat]

Thanks! I'm going to look more into design patterns 👍

[@dcode-software]

Nice mate

[@nueno3816]

you can even do "class Settings { static shared = new Settings() /* .. */ }" so it's obvious for any reader that Settings is a singleton, even without looking into the implementation of the Settings class.

[@LearnwithAvinashDalvi]

Nicely explained.

[@shubhammandal4307]

Thanks For Teaching

[@SebaRealino]

Thanks! Helped a lot!

[@cod9955]

Thanku very much subbed!!

[@dcode-software]

No worries mate! And thank you 🍻

[@rasharun5683]

thank you so much

[@chamnil8666]

Sir, please explain why did you say chance of one in four thousand nearly at the end of the tutorial, for getting the same objects.

[@tigrafale4610]

cus he added a random number for the version number from 1 to 4000, so if it weren't a singleton, then there would be a 1 in 4000 chance that the two objects would get the same version number

[@munafhajir4343]

Nice Video, need more videos like this want to understand how to select best structure and design pattern for your application

[@Colstonewall]

Thank you.

[@dcode-software]

No drama

[@bradical8198]

So what if two users are using the same website, would they be sharing the same values in the constructor?

[@onthefly--4834]

Hi, thanks for this tutorial.
Here's a question. In my case I load another html file, and then going from href to another html file.
On that file, the instance is no longer defined for some reason, can you think of a reason why that is?
Thanks, Shefy

[@wilsongaturu134]

If its not a single page app, navigating away from the current page will make new http requests and rerun all JavaScript. It creates a new instance of the browser window.

[@ginnerzapata5909]

thanks a lot for your videos on OOP with JS classes

[@matheusicaro8815]

What this a theme? It's pretty!
Thanks for video.

[@dcode-software]

Min Dark for Visual Studio Code

[@pandeyperfect8292]

nice

[@SoldierXfreedom]

Whats the point of using a class for this? Cant I just use a Settings object that way I dont have to create an instance?

[@eduardoezequiel8746]

font? nice video!

[@SuraajSuresh1409]

Great👌

[@eugenenovikov671]

спасибо большое

[@jofftiquez]

Neat!

[@dcode-software]

Not bad :)

[@rainsaarmae1863]

Using VS code to develop node.js.
I'm getting error "Property 'instance' does not exist on type 'typeof Settings'."

[@rainsaarmae1863]

Nevermind it was my tslint being overzealous and validating JS files

[@taylorgraham2906]

Keyboard is too loud. Good video though