JavaScript特性一：变量作用域

JavaScript特性一：变量作用域

JavaScript特性二：执行环境与作用域链

JavaScript特性三：this关键字

作用域是编程语言中的重要概念，它决定了变量的可见范围和生命周期

和C、C++、Java等常见语言不同，JavaScript的作用域不是以花括号包围的块级作用域

对于Java来说，如下代码是不合法的

public class Test {
    public static void main(String[] args){
        if(true){
            int value = 1;
        }
        System.out.println(value);//Can not resolve symbol 'value'
    }
}

但是对于JavaScript来说，如下代码是没有问题的

function a() {  
    if (true) {  
        var value = 1;  
    }  
    console.log(value);//1
}  
a();

 

一，函数作用域

JavaScript的作用域是通过函数来定义的，在一个函数中定义的变量只对这个函数内部（包括该函数内部定义的函数）可见，称为函数作用域

在函数中引用一个变量时，JavaScript会先搜索当前函数作用域，如果没找到，则搜索其上层作用域，一直到全局作用域，如果在全局作用域中还没找到，则会报错

var value = 'test';

function f1(){
    console.log(value);
}

function f2(){
    var value = 'f2';
    console.log(value);
}

f1();//test
f2();//f2

在f1函数中，无法找到value变量，所以搜索其上层作用域（全局作用域），此时可以找到全局变量value，所以输出其值test

在f2函数中，可以找到value变量，所以直接输出其值f2

var value = 'test';

function f1(){
    console.log(value);
    var value = 'f1';
}

f1();//undefined

JavaScript在搜索变量时，将查找整个局部作用域，所以value变量在f1函数中是始终可见的，上面的代码等价于：

var value = 'test';

function f1(){
    var value;
    console.log(value);
    value = 'f1';
}

f1();//undefined

JavaScript作为结构化编程语言，其语句是逐行执行的

当搜索f1的作用域时，可以找到value变量，因此不会再去搜索其上层作用域（全局作用域）。但是执行到console.log()语句时，value变量还未被初始化，所以输出结果是undefined

var value = 'test';

function f1(){
    console.log(value);
}

function f2(){
    var value = 'f2';
    f1();
}

f2();//test

JavaScript的作用域是静态作用域，又叫词法作用域，这是因为作用域的嵌套关系可以在词法分析时确定，而不必等到运行时确定，即作用域的嵌套关系是在定义时确定的，而不是在调用时确定的

因为f1的父作用域是全局作用域，所以输出结果是test，而不是f2

 

二，全局作用域

在JavaScript中有一种特殊的对象称为全局对象，这个对象在浏览器中对应的是window对象，在Node.js中对应的是global对象，由于全局对象的所有属性在任何地方都是可见的，所以这个对象又称为全局作用域

满足以下条件的变量属于全局作用域：

1，在最外层定义的变量

var value = 'test';

function f1(){
    console.log(value);
}

f1();//test

2，全局对象的属性

//Node.js
function f1(){
    //process是global对象的属性
    //该属性用来描述当前Node.js进程状态
    console.log(process);
}

f1();

3，任何地方隐式定义的变量（未定义直接赋值的变量）

function f1(){
    value = 'test';
}

function f2(){
    console.log(value);
}

f1();//不调用f1函数，会报value未定义的错误
f2();//test

模块化编程的一个重要原则就是避免使用全局变量，所以在任何地方都要避免隐式定义变量