JS--声明提前和作用域

声明提前

JS声明提前包含 变量声明 和 函数声明。

》变量声明

1、显示声明变量才有变量提前。即用var声明。
2、var声明的变量会将声明操作提前到当前作用域的开头，使其在整个当前作用域上下文都有效。赋值操作留在原地执行，没赋值时会输出 undefined。

console.log(a);	// 输出：undefined。
console.log(b);	// 报错，b is not defined。
var a = 1;		// 显示声明。局部变量。
b = 1;	// 隐式声明。全局变量。

注：var a = b = 3; 实际为 var a = 3; b=3; b是隐式声明的。

》函数声明

1、函数声明提前使其可在当前作用域任何位置调用。

console.log(f);    // 输出：f() { console.log('1'); }
f();	// 输出：1。
function f() {
    console.log('1');
}

2、变量声明提前 优先于 函数声明提前。
同名的变量和函数声明，变量先提前，后续的函数提前会将其覆盖。

console.log(f);    // 输出：f() { console.log('1'); }
function f() {
    console.log('1');
}
var f = 1;

作用域

1、早期JS只有全局作用域和函数作用域。es6有了块作用域。
2、有了作用域，就有了全局变量和局部变量之分。

》函数作用域

1、有了函数作用域，函数内部可以访问外部变量，外部却无法访问内部变量。
2、局部变量优先于同名的全局变量。若函数内部var声明了一个局部变量a，则函数内部的所有a都指向这个局部变量，即使有同名的全局变量。
3、函数的参数为局部变量，参数相当于在内部var声明了一个局部变量。
4、函数内部不用var声明的变量为全局变量，在函数外可访问。但是函数没执行前，该变量不存在。

var a = 1;    // 全局变量
function f(n) {
    var b = 1;    // 局部变量
    var a = 2;    // 局部变量，2。
    c = 1;    // 全局变量。
    d = 2;    // 局部变量。
    var d = 2;
    n = 1;    // 局部变量。
}

》块作用域

es6的块作用域通过let、const实现。块作用域是大括号{}包含的区域。

if(!"a" in window){    // false
    var a = 1; 
    let b = 1;
}
console.log(a);    // undefined
console.log(b);    // 报错：b is not defined。因为let有块作用域。

注释：
1、案例中var声明的变量a没有块作用域。因在编译阶段，变量a可声明提前到全局。使得a存在于window上，所以if为false。不执行。
2、即使执行，外部也无法取到b变量。因为它有块作用域。