关于javascript:JavaScript中的变量作用域与提升

JavaScript 中的变量作用域与晋升

之前有看到一些对应的文章，然而对于变量作用域和晋升的把握了解的不够彻底，明天就来理一下。

首先，要晓得，在 ES6 之前，JS 中只存在函数作用域。let、const 等变量申明关键字和块级作用域都是 ES6 才有的。

先看看作用域的定义：作用域就是指代码执行过程中的变量、函数或者对象的可拜访区域。

最简略的例子就是函数外无法访问函数内定义的变量

var name1 = 'name1';
function logName() {
  var name2 = 'name2'
  console.log(name2)
}

logName()
console.log(name1)
console.log(name2)

在执行 console.log(name2) 的时候会报错，说 name2 未定义

块级作用域举一个简略的例子

 let a = 1
   {
​    let b = 3
​    a = 2
   }
   console.log(a)
   console.log(b)
  }
  test()

上述代码执行时同样会报错说 b 变量没有定义。

作用域解释起来比较简单，毕竟场景没多少个，好列举一些。

变量晋升的话，就要好好看看了

同样的，首先看几个例子，有趣味的能够先本人尝试下对应的执行过程

//1

function test () {console.log(a);  //undefined
    var a = 123; 
};
test()

理论

function test () {
    var a;
    console.log(a);
    a = 123;
}
test();

这意味着应用 var 申明的变量会晋升到作用域的顶端

// 第二个例子
console.log(v1);
var v1 = 100;
function foo() {console.log(v1);
    var v1 = 200;
    console.log(v1);
}
foo();
console.log(v1);

这就波及另一个知识点了：变量的就近查找。下面代码中 foo 函数中也有定义 v1 所以在 foo 函数中的理论程序是这样的

function foo() {
    var v1
    console.log(v1);
    v1 = 200;
    console.log(v1);
}

咳咳，只是定义晋升，赋值的代码还是原地位不动哈

此外，如果定义到函数外，并应用 var 关键字就会绑定到全局上，成为全局变量。

// 例子 3
var a = 1
  function test(a) {console.log(a)
   var a = 11
   console.log(a)
  }
  test(a)

如果传入的形参跟内部变量名反复的话，优先级是等同的

这是因为 JS 中，执行一个函数时，形参和局部变量是存在一个流动对象里的，或者叫变量对象，如果在局部变量中定义了一个和形参雷同名字的变量，编译器会疏忽这个定义，而所有对该变量的操作都会反映到形参的那个变量中去。