ES6에 추가된 스펙, Class
const User = function (name, age) {
this.name = name;
this.age = age;
this.showName = function () {
console.log(this.name);
};
};
const mike = new User("Mike", 30);
class User2 {
constructor(name, age) {
this.name = name;
this.age = age;
}
showName() {
console.log(this.name);
}
}
const tom = new User2("Tom", 19);
------------------------------------------------------------------------------------------
const User = function (name, age) {
this.name = name;
this.age = age;
//this.showName = function () {
//console.log(this.name);
//};
};
User.prototype.showName = function() {
console.log(this.name);
};
const mike = new User("Mike", 30);
class User2 {
constructor(name, age) {
this.name = name;
this.age = age;
}
showName() {
console.log(this.name);
}
}
const tom = new User2("Tom", 19);
------------------------------------------------------------------------------------------
const User = function (name, age) {
this.name = name;
this.age = age;
//this.showName = function () {
//console.log(this.name);
//};
};
User.prototype.showName = function() {
console.log(this.name);
};
//const mike = new User("Mike", 30);
const mike = User("Mike", 30);
class User2 {
constructor(name, age) {
this.name = name;
this.age = age;
}
showName() {
console.log(this.name);
}
}
//const tom = new User2("Tom", 19);
const tom = User2("Tom", 19);
------------------------------------------------------------------------------------------
const User = function (name, age) {
this.name = name;
this.age = age;
//this.showName = function () {
//console.log(this.name);
//};
};
User.prototype.showName = function() {
console.log(this.name);
};
const mike = new User("Mike", 30);
class User2 {
constructor(name, age) {
this.name = name;
this.age = age;
}
showName() {
console.log(this.name);
}
}
const tom = new User2("Tom", 19);
for(const p in mike){
console.log(p);
}
for(const p in tom){
console.log(p);
}
//***********************************************************************************************************************
//***********************************************************************************************************************
Class : 상속
//extends
class Car {
constructor(color) {
this.color = color;
this.wheels = 4;
}
drive() {
console.log("drive..");
}
stop() {
console.log("STOP!");
}
}
class Bmw extends Car {
park() {
console.log("PARK");
}
}
const z4 = new Bmw("blue");
-------------------------------------------------------------------
// Class : method overriding[1]
class Car {
constructor(color) {
this.color = color;
this.wheels = 4;
}
drive() {
console.log("drive..");
}
stop() {
console.log("STOP!");
}
}
class Bmw extends Car {
park() {
console.log("PARK");
}
stop() {
console.log("OFF");
}
}
const z4 = new Bmw("blue");
-------------------------------------------------------------------
// Class : method overriding[2]
class Car {
constructor(color) {
this.color = color;
this.wheels = 4;
}
drive() {
console.log("drive..");
}
stop() {
console.log("STOP!");
}
}
class Bmw extends Car {
park() {
console.log("PARK");
}
stop() {
super.stop();
console.log("OFF");
}
}
const z4 = new Bmw("blue");
z4.stop();
-------------------------------------------------------------------
// Class : method overriding[3]
class Car {
constructor(color) {
this.color = color;
this.wheels = 4;
}
drive() {
console.log("drive..");
}
stop() {
console.log("STOP!");
}
}
class Bmw extends Car {
constructor() {
super();
this.navigation = 1;
}
park() {
console.log("PARK");
}
}
const z4 = new Bmw("blue");
z4
-------------------------------------------------------------------
// Class : method overriding[3]
class Car {
constructor(color) {
this.color = color;
this.wheels = 4;
}
drive() {
console.log("drive..");
}
stop() {
console.log("STOP!");
}
}
class Bmw extends Car {
constructor(color) {
super(color);
this.navigation = 1;
}
park() {
console.log("PARK");
}
}
const z4 = new Bmw("blue");
z4;