作用域与变量提升

Posted 2020-10-27 hmblog

作用域与变量提升

---

作用域

JS中变量的作用域有全局作用域和局部作用域两种，作用域简单来讲就是变量与函数的可访问范围。

• 全局作用域：
  1.最外层函数和最外层函数外面定义的变量。
  2.未声明直接赋值的变量，自动声明为全局变量。
  3.window对象的内置对象，如window.name，window.location。

• 局部作用域：
  一般会出现在函数内部，只有固定的代码段才可以访问。

  局部作用域变量优先于全局变量，函数只是一个作用域的基本单位。

例1：
var name = "one"; function test() { name = "two" } test(); console.log(name) //输出为 two
解析：
??函数内部省略var，会影响全局变量，name被重置为全局变量。js中，函数是一个作用域的基本单位，函数内声明的所有变量在函数体内始终是可见的。

例2：
function test() { var name = "one" ; return function () { console.log(name) } } test()();

test()之后将调用外层函数test返回内层函数function，再继续()，相应调用执行了内层函数function()，输出name。

变量提升

声明提前是在js预编译是就进行了，变量提升知识提升变量的声明，并不会吧值也提上来。

例1：

var name = "one" ;
function () {
   console.log(name)   //one
   name = "two" ;
   console,log (name)  //two
}
test();

var name = "one" ;
function () {
   console.log(name) ;    //undefine
   var name = "two" ;
   console.log(name)      //two
}
test()

解析：
局部优先于全局，预编译(变量提升)，所以函数内的name为局部变量，所以第一个位undefine。

内部不影响外部

function test(name) {
   console.log(name)    //name
   name = "two"
   console.log(name)    //two
}
var name = "one"
test(name)
console.log(name)      //one

解析：
??传进test的，实际上是一个副本，函数返回后这个副本就被清除了，并非实际的name。