js中的作用域

作用域简单来说就是一个变量能不能被访问或引用，是由它的作用域决定的。

它在 js 中有三种作用域:

        全局作用域；

        函数作用域（局部作用域）；

        块级作用域

let a= "我是全局作用域"
function fn() {
    let b= "我是局部作用域"
}

if (true) {
    let c= "我是块级作用域"
}

全局作用域

最外层定义的变量，全局作用域内的变量可以在任意地方访问。

let a= "全局" //任意地方都可以访问

function fn() {

    //函数内部访问
    console.log(a) //"全局"
}

fn()

//全局访问
console.log(a)//"全局"

函数作用域（局部作用域）

在函数内部定义的变量，只能在函数内部访问

function fn(arg) {
    var a= "局部变量"
    console.log(a) //"局部变量"
}

fn()

//函数内部声明的变量在外部访问会报错 a这个变量未定义
console.log(a) // Uncaught ReferenceError: a is not defined

使用var关键字 if,witch等用{}包裹起来的在外部可以访问到

if (true) {
    var a= "李白"
}
console.log(a)//在外部也可以访问{}内声明的变量

块作用域 

之前的例子中，在大括号{}包裹中用 var 定义的变量处在全局作用域。如果我们用 let 与 const 在大括号{}中定义，变量将处于块作用域。

块作用域内的变量只能在自身作用域内被访问。

let 与const 的区别就是const所定义的是一个常量，不能被改变

if(true){
    let a= "块作用域"
    console.log(a)//"块作用域"
}
//会报错>  a变量未定义
console.log(a) // Uncaught ReferenceError: a is not defined

什么是作用域链

 先来看一下几个概念：

执行期上下文：当函数执行时，会创建一个称为执行期上下文的内部对象；

执行环境：一个执行期上下文定义了一个函数执行时的环境；

变量对象：函数每次执行时对应的执行上下文都是独一无二的，所以对此调用一个函数会导致创建多个执行上下文

当函数执行完毕后，它所产生的执行上下文（环境）会被销毁（被垃圾回收机制回收）

执行期上下文指的就是函数执行前一刻所产生的Ao对象

函数执行环境就是指变量提升 函数提升得到的那些Ao对象属性

function fn( ){

console.log(111)
}

//函数多次调用，产生不同的Ao对象
fn()；// Ao{}
fn()；  // Ao{}  函数执行完毕后对应的所有Ao对象被销毁