請問一下為何在constructor 裡initiate 了this.type , 但在
typeAppendCell call THIS.getType() 之後 THIS.type 是undefined.....
剛才找到是因為在constructor 裡init, 所以要在class 外面create chartAction 的object, 但這樣到處都是不同的object,
var caobj1 = new ChartAction();
caobj1.typeAppendCell()
var caobj2 = new ChartAction();
caobj2.typeAppendCell()
var caobj3 = new ChartAction();
caobj3.typeAppendCell()

這樣的另外一個寫法大家覺得怎樣
console.log((new chartAction()).type);

有沒有更好的寫法.謝謝

class chartAction {

    constructor() {

		this.type = ['rf3', 'spd', 'dir', 'tc2', 'td2', 'rh2', 'slp', 'hcld', 'mcld', 'lcld', 'ki', 'cape', 'lgt', 'srh', 'dp972', 'dps'];
	}
	
	static getType() {
        return this.type; 
    }

    static typeAppendCell(cellType="") {
        let THIS = this
        var idtype = "";

        console.log(THIS.getType())
        
        if(cellType != "") {
            console.log(cellType)
            idtype = cellType;
        } else {
            console.log(THIS.type)
            idtype = THIS.type;
        }

        for ( var t = 0; t < idtype.length; t++){
            if ( false ) {

                THIS.svgheight = THIS.svgheight_small;
            } else {
                THIS.svgheight = THIS.svgheight_large;
            }
            d3.select("#div_" + idtype[t]).append("div")
                .attr("class", idtype[t] + " ccell")
                .attr("id", idtype[t])
                .attr("width", THIS.svgwidth)
                .attr("height", THIS.svgheight)
                .attr("display", "inline-table")

            //console.log(THIS.type[t])
            d3.select('#' + idtype[t])
                .append("svg")
                .attr("width", THIS.svgwidth)
                .attr("height", THIS.svgheight)
                .attr("class", "psvg div_cell_wrap")
                .attr("id", "psvg" + t)

            ccobj.addCloseBtn(idtype[t])

            ccobj.addMinimizeBtn(idtype[t])

        }
    }
	
}