js变量作用域及作用域链分析

在js中变量的声明，有使用的范围；js不同于java等后端语言，js无块级作用域，只有全局和函数作用域。在本文中，将分析一下变量作用域的知识点。

作用域（无块级作用域只有全局和函数作用域解释）：

无块级作用域
if(true){
  var tag = 'test'
}
console.log(tag) // test  在java中因为块级作用域问题 这个地方会输出undefined
只有函数和全局作用域
var a = 101
function fn(){
  var a = 201
  console.log('fn',a) // 输出201
}
console.log('global',a) // 输出101
fn()

作用域链：在js函数当中，在当前的函数中某个变量未定义，称为该函数体内的自由变量，函数执行时将从父级函数中去寻找该变量的定义，直至最外层的全局作用域范围，变量的查找只能从小往上。

var a = 100;
function fn(){
  // 当前作用域没有定义的变量，称为自由变量 此处a在函数作用域内未定义
  // 在其父级作用域  全局作用域定义
  console.log(a) // 输出100
  console.log(b) // 输出200 函数声明里面 变量提升
  var b =200
  function f(){
    var c = 300
    console.log(a) // 输出100
    console.log(b) // 输出200
    console.log(c) // 输出300
  }
}
fn()

js中变量的作用域，可以防止函数体内变量被污染，可以有效的控制变量的范围。本文结。