js 面试题总结 3

console.log(a); // undefined
var a = 12; // 12
function fn() {
　　console.log(a); // undefined
　　var a = 13; // 13
}
fn();
console.log(a); // 12

1. 创建全局作用域；
2. 变量提升，声明一个 a 变量、定义一个函数 fn；
3. 执行代码；（ 变量 a 已提升但未赋值，所以 a = undefined，输出 a 值为 undefined，设置 全局变量 a = 12 ）
4. 执行 fn，形成一个私有作用域 fn ；
5. 私有作用域中的执行过程为：
   1）形式参数赋值。没有形式参数；
   2）变量提升。提升变量 a ；（私有作用域中，如果定义了变量，那么所有的相同变量名都是同一个）
   3）执行代码。局部变量 a已提升还未赋值，所以是 undefined，输出 a 值为 undefined，设置局部变量 a = 13 ；
6. 输出全局变量 a 值 为 12；

---

console.log(a); // undefined
var a = 12; // 12
function fn() {
　　console.log(a); // 12
　　a=13; // 13
}
fn();
console.log(a); // 13
9 // 结果为 undefined 、12 、13

console.log(a); // a is not defined

a=12;
function fn() {
　　console.log(a);
　　a = 13;
}
fn();
console.log(a);
// a is not defined

---

var foo = 1;
function bar () {
    /** 
     * 形参赋值：无
     * 变量提升 
     * var foo 
    */
    if (!foo) { // ==> !undefined ==> true
        var foo = 10;
    }
    console.log(foo);// foo => foo 
}

var n = 0;
function a() {
    var n = 10;
    function b() {
        n++;
        console.log(n);
        console.log(this);
    }
    b();
    return b;
}
var c = a();
c();
console.log(n);

// ---------------------------------
// 创建全局作用域 n、 c、a（a =>> 指向函数堆栈的地址 ）
// 开始执行 n = 0; c = a() 此过程会把 a 执行结果赋值给 c 变量); 
    // 执行 a() 时候，创建私有 window.a 作用域，有变量 n、 b (b =>> 指向函数堆栈的地址 000111)
    // 开始执行 n = 10; b();
        // 执行 b() 时候，创建 window.a.b 作用域，变量为 n 取自上级作用域 a.n;
        // 执行 n++; console.log(n);（ n => 10 + 1; console.log(11);）
        // 之后 a.b 作用域会销毁，因为此作用域在其他处未被引用
    // return b; （b => 函数堆栈的地址 000111）
// var c = a (); 会把 a 作用域中的 b 值赋给变量 c, 所以 a 作用域不销毁。
// 开始执行 c()；
// 形成 c 时候，创建私有作用域，有变量 n 取自上级作用域还是 a.n ; 
// 执行 n++; console.log(n);（ n => 0 + 1; console.log(1);）

// 函数作用域只和在哪里创建有关，和在哪里执行没有关系。