forked from mouredev/hello-javascript
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy path23-classes-exercises.js
More file actions
94 lines (76 loc) · 1.81 KB
/
23-classes-exercises.js
File metadata and controls
94 lines (76 loc) · 1.81 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
/*
Clase 39 - Ejercicios: Clases
*/
// 1. Crea una clase que reciba dos propiedades
let Person = class {
constructor(name, age) {
this.name = name;
this.age = age;
}
showData() {
console.log(`Name: ${this.name}, Age: ${this.age}`);
}
};
// 2. Añade un método a la clase que utilice las propiedades
Person.prototype.showData = function () {
console.log(`Name: ${this.name}, Age: ${this.age}`);
};
// 3. Muestra los valores de las propiedades e invoca a la función
let person = new Person("John", 30);
person.showData();
// 4. Añade un método estático a la primera clase
Person.showStatic = function () {
console.log("Static method");
};
// 5. Haz uso del método estático
Person.showStatic();
// 6. Crea una clase que haga uso de herencia
class Employee extends Person {
constructor(name, age, job) {
super(name, age);
this.job = job;
}
showData() {
console.log(`Name: ${this.name}, Age: ${this.age}, Job: ${this.job}`);
}
}
// 7. Crea una clase que haga uso de getters y setters
class User {
constructor(name) {
this._name = name;
}
get name() {
return this._name;
}
set name(name) {
this._name = name;
}
}
// 8. Modifica la clase con getters y setters para que use propiedades privadas
class User {
#name;
constructor(name) {
this.#name = name;
}
get name() {
return this.#name;
}
set name(name) {
this.#name = name;
}
}
// 9. Utiliza los get y set y muestra sus valores
let user = new User("John");
console.log(user.name);
user.name = "Jane";
console.log(user.name);
// 10. Sobrescribe un método de una clase que utilice herencia
class Employee extends Person {
constructor(name, age, job) {
super(name, age);
this.job = job;
}
showData() {
console.log(`Name: ${this.name}, Age: ${this.age}, Job: ${this.job}`);
}
}