javascript - 使用此 javascript 获取无限调用堆栈

Question

我有:

var c = {
    typeStart: function(msg, loc) {
        loc.append("<p>");
        this.typeLetter(msg, loc, 0);
    },

    typeLetter: function(msg, loc, pos) {
        loc.append(msg.charAt(pos));
        pos = pos + 1;
        if (pos == msg.length) { this.typeEnd(loc); }
        setTimeout(this.typeLetter(msg, loc, pos), 100);
    },

    typeEnd: function(loc) {
        loc.append("</p>");
    }
}

c.typeStart("hello", $("#somediv"));

出于某种原因，我显然错过了一些东西，typeLetter 被无限调用。我认为这与 javascript 的异步特性有关。

Answer 1

这是你的问题:

typeLetter: function(msg, loc, pos) {
    loc.append(msg.charAt(pos));
    pos = pos + 1;
    if (pos == msg.length) { this.typeEnd(loc); }
    setTimeout(this.typeLetter(msg, loc, pos), 100);
},             ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^

该函数将被调用，结果将被传递到setTimeout。您需要将其包装在匿名函数中:

setTimeout(function() {
    this.typeLetter(msg, loc, pos);
}, 100);