DEV Community

Using Static Keyword in JavaScript

Cory Rylan on January 09, 2020

This post, we will learn how the static keyword works in JavaScript. First, let's take a look at a simple JavaScript Class. class Person { con...
Collapse
 
adam_cyclones profile image
Adam Crockett 🌀

I find it funny that you can now do.

class MyClass{
    static void main () {

    }
}

Reminds me of old school college IT lessons.

Collapse
 
stemmlerjs profile image
Khalil Stemmler

Ah the good 'ol days

Collapse
 
evanplaice profile image
Evan Plaice

The best part... you will never need to type that out again.

Collapse
 
seanmclem profile image
Seanmclem

In you're last example, you use 'get' in addition to static. What does that really do? I've seen it a lot and used it a little, but how does it make random() different from a function returns what random(( is already returning

Collapse
 
devhammed profile image
Hammed Oyedele

Without the static, you have to instantiate the class before you will be able to access the getter.

Collapse
 
seanmclem profile image
Seanmclem

right. I was asking about what the getter is doing in-general. I'm sure it's something, but what?

Thread Thread
 
stemmlerjs profile image
Khalil Stemmler

The getter is just another syntactic-sugar to reach into objects. It's equivalent to using the dot notation like person.name but it provides the ability for you to:

  • watch when objects are being accessed (in general, this is how Vue.js detects changes)
  • dynamically create return objects

It enables you to do both of those without changing the syntax.

Thread Thread
 
devhammed profile image
Hammed Oyedele

Getters are usually used to create dynamic properties because it is a function you can write logic e.g you can read value of a property from a file or from database.

Collapse
 
adam_cyclones profile image
Adam Crockett 🌀

It might just be better to create an object straight up in that instance.