【JS】JSを根本から再復習、関数とかオブジェクトとか

function hello() {
    console.log('hello');
}

// 引数のcallbackに hello が渡ってくる
// この引数のことを callback 関数と呼びます
function sample(callback) {
    callback("yo");
}

sample(hello);
// 無名関数だと下記のような書き方になる
sample(function(name) {
    console.log('hello ' + name);
});

class Person {
    // コンストラクタ
    constructor(name, age) {
        this.name = name;
        this.age = age;
    }
    // Person.prototype.hello = function() { ... と同じことを表す
    hello() {
        console.log('hello ' + this.name);
    }
}

// インスタンス化
const bob = new Person('Bob', 23);
console.log(bob);

class Person {
    constructor(name, age) {
        this.name = name;
        this.age = age;
    }
    hello() {
        console.log('hello ' + this.name);
    }
}

// 継承には extends を使用します
class Japanese extends Person {
    constructor(name, age, gender) {
        // 継承元(Person)のコンストラクターを呼び出すことができる
        // コンストラクターを呼び出しているため、name, ageを引数として渡している
        super(name, age);
        this.gender = gender;
    }
    hello() {
        console.log('Konnichiwa ' + this.name);
    }
}

class Calculator {
    constructor() {
        this.val = null;
        // アンダーバーはこのクラス内でしか使用しないという意味です。
        this._operator;
    }

    set(val) {
        if(this.val === null) {
            this.val = val;
        } else {
            this._operator(this.val, val);
        }
        // チェーンを実装するためには、Calculatorのオブジェクトを返す必要がある
        return this
    }
    plus() {
        this._operator = function(val1, val2) {
            const result = val1 + val2
            this._equal(result)
        }
        return this
    }
    minus() {
        this._operator = function(val1, val2) {
            const result = val1 - val2
            this._equal(result);
        }
        return this
    }
    _equal(result) {
        this.val = result
        console.log(result)
        return this
    }
}

// インスタンス化
const calc = new Calculator();

// チェーンメソッド
calc.set(10)
    .plus()
    .set(3)
    .minus()
    .set(4)