Question

在Javascript中，如果我在函数

之外的javascript中使用var声明变量

var foo = 1;
var bar = 2;

function someFunction() {
    ....
}

是文档或窗口范围内的那些变量？此外，为什么这很重要？我知道如果一个人声明一个没有var的变量，那么这个变量就是全局的。

我是否有一种简单的方法来测试变量是否属于文档或窗口的范围？

Answer 1

var将变量的范围限制为其定义的函数，因此在顶层使用var定义的变量将有效地具有全局范围。

如果为未使用var作用域的变量赋值，则无论您在何处定义它，它都会变为全局。

这里有一篇关于javascript范围的好文章：What is the scope of variables in JavaScript?

Answer 2

在JavaScript中声明函数时，它会创建一个范围。

声明变量时，它必须有var。 var确定它所属的范围以及可见的范围。如果它没有var，则它是变量的“赋值”，浏览器假定外部作用域中存在具有该名称的变量。

当分配发生时，浏览器会向外搜索，直到达到全局范围。如果浏览器在全局范围内没有看到指定的变量，它将在全局范围内声明它（这不好）

例如，将以下内容作为范围可见性和而非实际工作函数的演示：

//global variables
var w = 20
var x = 10

function  foo(){
    function bar(){

        //we assign x. since it's not declared with var
        //the browser looks for x in the outer scopes
        x = 0;

        function baz(){

            //we can still see and edit x here, turning it from 0 to 1
            x = 1;

            //redeclaring a variable makes it a local variable
            //it does not affect the variable of the same name outside
            //therefore within baz, w is 13 but outside, it's still 20
            var w = 13;

            //declaring y inside here, it does not exist in the outer scopes
            //therefore y only exists in baz
            var y = 2;

            //failing to use var makes the browser look for the variable outside
            //if there is none, the browser declares it as a global                
            z = 3;
        }
    }
}

//w = 20         - since the w inside was "redeclared" inside 
//x = 1          - changed since all x operations were assigments
//y = undefined  - never existed in the outside 
//z = 3          - was turned into a global

Answer 3

var foo = 1;

window.foo === foo;

JavaScript是一种函数式语言，因此在函数范围内声明的任何变量仅在该函数中可用。

JS实际上将遍历每个函数范围并查找声明的变量。

function setGlobal() {
    bar = 1; // gets set as window.bar because setGlobal does not define it
}
setGlobal();

// logs true and 1
console.log(window.bar === bar, bar);

http://jsfiddle.net/kXjrF/

因此...

function logGlobal() {
    var bar;
    console.log( foo, window.foo ) // undefined, undefined
    function setGlobal() {
        // window.foo is now set because logGlobal did not define foo
        foo = 1;  
        bar = 2; // logGlobal's bar not window.bar
        function makePrivate() {
           var foo = 3; // local foo
           console.log( foo ); // logs 3
        }
        makePrivate(); // logs 3
    }
    setGlobal();
    console.log( foo, window.foo ); // logs 1, 1

}

Answer 4

由于JavaScript只有函数作用域，因此var关键字定义的变量的作用域为包含函数。

您可以通过在浏览器中打开JavaScript控制台（或直接在您的代码中）并输入以下内容来轻松检查全局范围：

varRef && console.log(varRef)

“var”全局定义变量的范围是什么？

4 个答案: