javascript - 如何在javascript es6类构造函数中声明一个对象

Question

我在类构造函数中声明了一个属性，并通过声明为“静态”的方法访问了“this”，并且它不可访问。如何访问静态方法中的构造函数（类）变量？

export class Reporter {
    constructor() {
        this.jsonReports = path.join(process.cwd(), "/reports/json")

        this.cucumberReporterOptions = {
            jsonFile: targetJson,
            output: htmlReports + "/cucumber_reporter.html",
            reportSuiteAsScenarios: true,
            theme: "bootstrap",
        }
    }

    static createHTMLReport() {
        try {
            reporter.generate(this.cucumberReporterOptions);
        } catch (err) {

        }
    }
}

更新：

根据“@CodingIntrigue”，我在 'reporter.js' 文件中这样做了，并在我的配置文件中将该方法称为 Reporter.createHTMLReport() 并按预期工作。但不确定这是否是最佳做法。

const jsonReports = path.join(process.cwd(), "/reports/json")

const cucumberReporterOptions = {
    jsonFile: targetJson,
    output: htmlReports + "/cucumber_reporter.html",
    reportSuiteAsScenarios: true,
    theme: "bootstrap",
}

export class Reporter {
    static createHTMLReport() {
        try {
            reporter.generate(cucumberReporterOptions);
        } catch (err) {

        }
    }
}

标签： javascriptecmascript-6es6-class

Answer 1

如果你想继续使用class语法，你也可以只使用 makejsonReports和cucubmerReporterOptionsstatic 属性：

export class Reporter {
    static createHTMLReport() {
        try {
            reporter.generate(Reporter.cucumberReporterOptions);
        } catch (err) {

        }
    }
}

Reporter.jsonReports = path.join(process.cwd(), "/reports/json")

Reporter.cucumberReporterOptions = {
    jsonFile: targetJson,
    output: htmlReports + "/cucumber_reporter.html",
    reportSuiteAsScenarios: true,
    theme: "bootstrap",
}