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
185 lines (137 loc) · 3.61 KB
/
23-classes-exercises.js
File metadata and controls
185 lines (137 loc) · 3.61 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
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
/*
Clase 39 - Ejercicios: Clases
Vídeo: https://youtu.be/1glVfFxj8a4?t=18630
*/
// 1. Crea una clase que reciba dos propiedades
class Product{
constructor(code, description, stock){
this.code = code
this.description = description
this.stock = stock
}
}
// 2. Añade un método a la clase que utilice las propiedades
class ProductWhitMetod{
constructor(code, description, stock){
this.code = code
this.description = description
this.stock = stock
}
validateStock(num){
let newStock
if(num <= this.stock){
console.log('Se puede vender.')
newStock = this.stock - num
console.log(`Se vendieron ${num} del stok en tienda ${this.stock}
Numero nuevo de stock ${newStock}`)
}
return newStock
}
}
// 3. Muestra los valores de las propiedades e invoca a la función
let producto3 = new ProductWhitMetod('1234', 'coca cola', 100)
console.log(producto3.code)
console.log(producto3.description)
console.log(producto3.stock)
console.log(producto3.validateStock(3))
// 4. Añade un método estático a la primera clase
class ProductWhitStatic{
constructor(code, description, stock){
this.code = code
this.description = description
this.stock = stock
}
static subTotal(quantity, salePrice){
let subTotal = 0.0
subTotal = quantity * salePrice
return subTotal
}
}
// 5. Haz uso del método estático
console.log(ProductWhitStatic.subTotal(24, 20))
// 6. Crea una clase que haga uso de herencia
class Api{
constructor(dominio, url){
this.dominio = dominio
this.url = url
}
conection(){
console.log('Conectando al API')
}
test(){
console.log('Test conection Appi ...')
}
}
class mapsApi extends Api {
constructor (dominio, url, nameApi, data){
super(dominio,url)
this.nameApi = nameApi
this.data = data
}
getData(){
console.log('Datos de la consulta')
}
test(){
console.log(`Test ${this.nameApi}`)
}
}
let googleMaps = new mapsApi('https://google.com.mx','/maps', 'googleMaps')
googleMaps.conection()
googleMaps.getData()
// 7. Crea una clase que haga uso de getters y setters
class ApiGetSet{
constructor(dominio, url){
this.dominio = dominio
this.url = url
}
get getDominio(){
return this.dominio
}
set setDominio(dominio){
this.dominio = dominio
}
get getUrl(){
return this.url
}
set setUrl(url){
this.url = url
}
conection(){
console.log('Conectando al API')
}
}
let conetApi = new ApiGetSet('https//facebook.com','/marketPlace')
console.log(conetApi.getDominio)
conetApi.setDominio = 'https//facebook.pre.com'
console.log(conetApi.getDominio)
// 8. Modifica la clase con getters y setters para que use propiedades privadas
class Auto {
#brand
#model
constructor(brand, model, year){
this.#brand = brand
this.#model = model
this.year = year
}
get getBrand(){
return this.brand
}
set setBrand(brand){
this.brand = brand
}
get getModel(){
return this.model
}
set setModel(model){
this.model = model
}
}
// 9. Utiliza los get y set y muestra sus valores
let honda = new Auto('Honda', 'Civic', '1992')
console.log(honda.year)
console.log(honda.getBrand)
honda.setBrand = 'VW'
console.log(honda.getBrand)
console.log(honda.getModel)
// 10. Sobrescribe un método de una clase que utilice herencia
googleMaps.test()