javascript - 如何访问类函数内的类变量？

Question

我有以下代码，我尝试用名为 Modal 的类替换 createModal。但是，当我尝试此 typescript 时，会出现错误并提示“当前范围内不存在链接”:

module Admin.MyAccount.Access {

    export function createModal(link: Link) {
        link.Modal.$Modal = $.modal({
            resizeOnLoad: true
        });
        link.Modal.$Modal.applyTemplateSetup()
    }

    export class Modal {
        link: Link;
        constructor (link: Link) {
            this.link = link;
        }
        create() {
            link.Modal.$Modal = $.modal({      // < Error here
                resizeOnLoad: true
            });
            link.Modal.$Modal.applyTemplateSetup() // < Error here
        }

    }

}

当我使用该函数时，我这样调用该函数:

        createModal(link);

我在这里做错了什么吗？为什么我无法访问 create() 内部的链接？我也可以用静态函数来做到这一点。这会更容易吗，因为我不必调用 new 来创建 Modal 的新实例？

Answer 1

您需要将 this 添加到调用中，因为您需要访问类范围。

<小时/>至于选择是否使用 static取决于您如何使用该对象。您是否有该对象的多个实例，但始终只需要它的 1 个副本？如果是这样，请使用 static。

这意味着所有模态框都将链接在一起，并且始终只能有一个。

Using static in javascript

a static function ( that is there is only one copy of the function no matter how many objects you create) can be real handy for utility functions.