You can think of classes as blueprints in javascript, you can add things such as methods, values, and more
With classes you gain the control to split up your code over multiple files through modules and classes.
This is good so you can ensure you keep your codebase both DRY, and reusable. Making sure you get the most out of your only finite resource time.
How it works
// export.js export let myExportedVar = 42;
// import.js import { myExportedVar } from ‘./export
1
2
3
2
3
Code Examples
Basic Example
//es6 classes
//Classes are blueprints
class Person {
greet(){
console.log('hello');
}
}
let person = new Person();
//console.log(person.greet())
person.greet()
1
2
3
4
5
6
7
8
9
10
11
12
13
2
3
4
5
6
7
8
9
10
11
12
13
Class Constructor Example
//es6 classes
//Constructors
//You can give classes properties within constructors
class Person {
constructor() {
this.name = "Violet"
}
greet(){
console.log('Booshys baby sister is ' + this.name);
}
}
let person = new Person();
//console.log(person.greet())
person.greet()
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
Passing values into Class Constructors example
//es6 classes
//Define the name variable as dynamic
class Person {
constructor(name) {
this.name = name
}
greet(){
console.log('Booshys baby sister is ' + this.name);
}
}
//Create a new instance of the Person class, and pass in the name value
let person = new Person('Violet');
//console.log(person.greet())
person.greet()
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19