我如何在jQuery函数中使用我的js类

时间:2019-10-23 14:11:02

标签: javascript jquery import export

我创建我的课程

export default class Quiz{
    constructor() {
        this.quizWrapper = null;
        this.quizStage = null;
        this.progressed = 1;
        this.quizType = 'empty';
        this.scope = 0;
    }
    start(){
        this.scope= 1;
        return true;
    }
};

并使用

导入
// let test = new Quiz();
// console.log(test); // --> reurn the class fine 

jQuery(document).ready(function ($) {
    var test = new Quiz();
    console.log(test.start()); // --> reurn true
}); 

一切都很好,但是如果我在浏览器的控制台中调用 test ,则会看到错误 Uncaught ReferenceError:未定义测试

如果我这样做:

jQuery(document).ready(function ($) {
    $.test = new Quiz();

我可以在浏览器的控制台中将其与$.test一起使用。

有人可以向我解释为什么吗?我想在从jQuery加载脚本并使用它之后初始化我的模块。

1 个答案:

答案 0 :(得分:0)

这是因为您在函数内部定义了test,所以它没有附加到全局范围内