Today I Learned - Rocky Kev

TIL JS Objects to Classes

POSTED ON:

TAGS: javascript basics

Turn this into from Object constructor to class constructor
remember it's just synatic sugar

Before 

function gameCharacter (name, xPos, health) {
    this.name = name;
    this.xPos = xPos;
    this.health = health;
    this.move = function(x) {
        this.xPos += x;
    };
    this.class = "Wizard";
}

var gc1 = new gameCharacter("Nimish", 0, 100);

After

It's the same.

class gameCharacter {
    constructor(name, xPos, health) {
        this.name = name;
        this.xPos = xPos;
        this.health = health;
        this.class = "Wizard";
    }

    move(x) {
        this.xPos += x;
    };
}

var gc1 = new gameCharacter('Nimish', 0, 100);

What about prototypes?
With JS Classes, it's called Extending & inheritance.
Extends is just like prototyping. Again, syntax sugar.

class humanCharacter extends gameCharacter {
    constructor(name, xPos, health) {
        super(name, xPos, health);
        this.classification = "Human";
    }
}

Related TILs

Tagged: javascript

TIL what is npm Script

Despite their high usage they are not particularly well optimized and add about 400ms of overhead. In this article we were able to bring that down to ~22ms.

TIL fancy methods to transform Javascript Objects

You can use Object.entries(), Object.keys(), Object.fromEntries()...

TIL how to hide your JS code

ONE THING TO NOTE: Encrypting a script is stronger than obfuscation, both methods are still not adequate to protect secret content. Honestly, I don't think it's worth it on a production site, and instead just go with pure server-side if you want security. But it's fascinating.