作用域与变量提升

作用域与变量提升


作用域

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。

posted @ 2018-03-11 13:40  HM4041812  阅读(213)  评论(0编辑  收藏  举报