这段代码的输出结果为什么是"aa","aaa","aaaa"，而不是"ba","baa"

Question

var obj = {        escape: function (str) {            return str.replace("a", "b");        },                func: function () {                    for (var i = 0; i < 3; ++i) {                var str = "a";                setTimeout(function () {                    str = str + "a";                    console.log(this.escape(str));                }, i * 1000);            }                    }            };    obj.func();

Answer 1

在MDN的文档中，你可以看到关于setTimeout 方法里 this 的指向这个问题，有这么一句话:

由setTimeout()调用的代码运行在与所在函数完全分离的执行环境上。

所以在 console.log(this.escape(str)) 这里，this 指向的是 Window 对象，而 Window.escape()干的事情是这样的。

所以，你的代码压根就没有调用你想调用的 escape 方法。