如何在JavaScript中调用方法onload

Question

所以我想用以下代码调用函数Local.getThis onload：

    class Local {
        getThis() {
            let that;
            if (localStorage.getItem('that') === null) {
                that = [];
                console.log(that);
                localStorage.setItem('that', that);
            } else {
                that=JSON.parse(localStorage.getItem('that'));
                console.log(that);
            }
        }

    // DOM Load Event 
    document.addEventListener('DOMContentLoaded', Local.getThis)

但是什么也没有发生，没有错误也没有。 但是，当我将“ getThis”更改为STATIC时，它可以工作（输出：[]）。 它需要是静态的吗？

PS

设置= []后； 我得到一个错误

'Uncaught SyntaxError: Unexpected end of JSON input
    at JSON.parse (<anonymous>)
    at HTMLDocument.getThis'

在下一次重新加载时，我想那可能是另一个问题。

编辑：

为便于记录，该错误与localStorage.setItem('that', that); ，当然应该是localStorage.setItem('that', JSON.stringify(that));

Answer 1

第1部分： 这是JavaScript中的保留字，请更改参数的名称。

第2部分：Local是一个类，因此要直接从该函数访问函数，该函数必须是静态的。 否则，需要首先启动实例。 然后可以从该实例使用该函数。

Answer 2

您应该先创建Local类的实例才能具有this

const local = new Local();
document.addEventListener('DOMContentLoaded', local.getThis.bind(local))
//or
document.addEventListener('DOMContentLoaded', function() {
  local.getThis();
})

更新

你也不能使用变量名this ，因为它是保留字。 如果不需要上下文（ this ），则可以将方法创建为静态方法：

class Local{}
Local.getThis = function() {
 // code without this
}

因此，您可以使用已编写的内容：

document.addEventListener('DOMContentLoaded', local.getThis);

Answer 3

但是什么也没有发生，没有错误也没有。 但是，当我将“ getThis”更改为STATIC时，它可以工作（输出：[]）。 它需要是静态的吗？

要将您的方法称为Local.getThis，必须为static 。

否则，您需要创建一个 Local 实例 。

var local = new Local();
document.addEventListener('DOMContentLoaded', function() {
  local.getThis();
})