javascript - Javascript 是否可以在事件上下文中更改全局变量的值？

Question

这个问题已经有答案了:

Why is my variable unaltered after I modify it inside of a function? - Asynchronous code reference (7 个回答)

已关闭 6 年前。

也许这是一个愚蠢的问题，但是:

var a = {
   scrolled: false
};

var handler = function() {
    a.scrolled = true;
    console.log(a.scrolled); // always "true"
};

window.addEventListener('scroll', handler);
console.log(a.scrolled); // always "false"

没有机会将 a.scrolled 的值从事件内部更改为“外部”上下文吗？

谢谢......

Answer 1

您的处理程序在滚动时触发，并且 a.scrolled 为 false 直到您滚动。但是，第 11 行的 console.log(a.scrolled) 在加载 JS 时运行，而不是在滚动后运行，因此当您的脚本时会打印 false开始。

一旦开始滚动，第 8 行的另一个 console.log(a.scrolled) 就会启动。

因此您将在控制台中看到如下内容:

false 
true 
true 
true 
true

第一个 false 输出来自第 11 行，其余输出来自处理程序内部的第 8 行。