Javascript ES6 Example - Classes

//ES6 Classess

//Prototype
var nemo = class Rectangle {
    constructor(width,height){
        this.width = width;
        this.height = height;
    }
    getResult(){
        return this.calculate();
    }
    calculate(){
        return this.height * this.width;
    }
};

var calcnemo = new nemo(5,5);
document.write('Result : ' + calcnemo.getResult() + '<br/>'); // 25

//static
class Point {
    constructor(x,y){
        this.x = x;
        this.y = y;
    }
    static distance(a,b){
        const dx = a.x - b.x;
        const dy = a.y - b.y;
        return dx * dx + dy * dy;
    }
}

const p1 = new Point(5,8);
const p2 = new Point(8,5);
document.write('Point : ' + Point.distance(p1,p2) + '<br/>'); // 18

//extends _ sub classing
class pre {
    constructor(){
        this.jsword = "자바스크립트";
        this.webword = "웹";
        this.five = 5;
    }
    word(){
        return "Hello World!";
    }
    getjsword(){
        return this.jsword;
    }

};

var Test = class TestClass extends pre{
    word(){
        return "Hello World!";
    }
    plus_five(num){
        return this.five + num;
    }
};

var varpre = new pre();
document.write(varpre.jsword  + '<br/>'); //자바스크립트
document.write(varpre.getjsword()  + '<br/>'); //자바스크립트
document.write(varpre.word()  + '<br/>'); //Hello World!


var varTest = new Test();
document.write(varTest.word() + '<br/>'); //Hello World!
// document.write(varTestClass.word() + '<br/>'); // is not defined
document.write(varTest.plus_five(10)  + '<br/>'); // 15

function food (name){
    this.name = name;
}

food.prototype.flavor = function (){
    document.write(this.name + '는 달콤하다.<br/>');
};

class chocolate extends food {
}

class ramen extends food{
    flavor(){
        document.write(this.name + '라면은 맛있다.<br/>');
    }
}

class milk extends food{
    flavor(){
        super.flavor();
        document.write(this.name + '는 완벽한 에너지드링크!<br/>');
    }
}

var ramen_talk = new ramen('치킨');
ramen_talk.flavor(); //치킨라면은 맛있다.

var choco_talk = new chocolate('밀크초코');
choco_talk.flavor(); //밀크초코는 달콤하다.

var milk_talk = new milk('더 진한 커피우유');
milk_talk.flavor();//더 진한 커피우유는 달콤하다.
                   //더 진한 커피우유는 완벽한 에너지드링크!


//Mix-ins

//=> arrow function
var calculatorMixin = Base => class extends Base {
    calc() {}
};

var ramdomizerMixin = Base => class extends Base{
    randomize(){}
};

class Foo {};
class Bar extends calculatorMixin(ramdomizerMixin(Foo)){};