全局变量和addEventlistener

Question

这里是问题：我想要有全局变量X，它取值为alpha。使用下面的代码，控制台中X的值始终为零。

var X = 0; 

window.addEventListener("deviceorientation", handleOrientation, true); 

function handleOrientation(event) { 
    var alpha = Math.round(event.alpha); 
    X = alpha; 
} 

console.log(X); 

编辑： 我想做一些像

var X = 0; 

window.addEventListener("deviceorientation", handleOrientation, true); 

function handleOrientation(event) { 
    var alpha = Math.round(event.alpha); 
    X = alpha; 
} 

function f(x){ return x*x } 

f(X); 

现在我明白了，我不得不把功能handleOrientation内F（X）。我猜这是没有其他办法的？

Answer 1

在更改之前，您使用的值为X。以下是您的代码运行顺序：

1. 创建一个名为handleOrientation的函数。 （为什么第一？因为创建由功能声明是在进入一个范围内所做的最重要的东西之一。中描述的功能）

2. 声明一个名为X变量。 （第一不仅是因为它在顶部，但因为建立与var声明的变量是在进入一个范围内所做的最重要的东西之一，不久后处理功能的声明。）

3. 分配0到X。 （这是运行的第一步代码。）

4. 拨打致电addEventListener。

5. 输出X到控制台。

6. （如果deviceorientation事件在window上触发时）更新X的值。

相反，使用值后的变化：

var X = 0; 

window.addEventListener("deviceorientation", handleOrientation, true); 

function handleOrientation(event) { 
    var alpha = Math.round(event.alpha); 
    X = alpha; 
    console.log(X); 
} 

或者：

var X = 0; 

window.addEventListener("deviceorientation", handleOrientation, true); 

function handleOrientation(event) { 
    var alpha = Math.round(event.alpha); 
    X = alpha; 
    doSomethingWithX(); 
} 

function doSomethingWithX() { 
    console.log(X); 
}