[JS]Javascript class(Clears)
今日、私は真剣に授業を理解して、授業を整理しました.
(JAVASCRIPT INFO)クラスとデフォルト構文
カテゴリ
(デラムコードElly)Class 1
(デラムコードElly)Class 2
(freecodecamp) JavaScript Classes Tutorial
class Drinks {
constructor(name, color, milk) {
this._name = name;
this.color = color;
this.milk = milk;
}
get name() {
return this._name;
}
set name(value) {
this._name = value;
}
static dairyFree(milk) {
return milk ? `This drink contains milk!` : `This drink is Dairy Free!`;
}
print() {
return `This is ${this.name}. The color should be ${this.color}.`;
}
}
class Coffee extends Drinks {
constructor(name, color, milk, caffeine) {
super(name, color, milk);
this.caffeine = caffeine;
}
print() {
return super.print() + ` This contains caffeine.`;
}
}
class Soda extends Drinks {
// constructor에 추가할 것 없으면 적을 필요 없음
sparkling() {
return `${this._name} is a sparking drink.`;
}
}
const coffee = new Coffee('Latte', 'brown', true, true);
const sprit = new Soda('sprit', 'transparent', false);
console.group('check class');
console.log(coffee);
console.log(coffee.print());
console.log(sprit);
console.log(sprit.print());
console.groupEnd('check class');
console.group('check static');
console.log(Drinks.dairyFree(coffee.milk));
console.log(Drinks.dairyFree(sprit.milk));
console.groupEnd('check static');
console.group('check get set');
sprit.name = 'fanta';
console.log(sprit.name);
console.groupEnd('check get set');
(JAVASCRIPT INFO)クラスとデフォルト構文
カテゴリ
(デラムコードElly)Class 1
(デラムコードElly)Class 2
(freecodecamp) JavaScript Classes Tutorial
Reference
この問題について([JS]Javascript class(Clears)), 我々は、より多くの情報をここで見つけました https://velog.io/@tjdgus0528/JS-Javascript-클라스-Classesテキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol