关于前端:JavaScript的作用域

作用域（重点）
●什么是作用域，就是一个变量能够失效的范畴
○变量不是在所有中央都能够应用的，而这个变量的应用范畴就是作用域
○也就是说作用域最大的用途就是隔离变量，不同作用域下同名变量不会有抵触。
●作用域分类
○全局作用域
○部分作用域也叫公有作用域或者函数作用域
●作用域上下级关系
○你在哪一个作用域下书写的函数, 就是哪一个作用域的子级作用域

全局作用域
●全局作用域是最大的作用域
●在全局作用域中定义的变量能够在任何中央应用
●页面关上的时候，浏览器会主动给咱们生成一个全局作用域 window
●这个作用域会始终存在，直到页面敞开就销毁了

//  上面两个变量都是存在在全局作用域上面的，都是能够在任意中央应用的
var num = 100
var num2 = 200
// 在全局作用域下书写了一个 函数 f1
// 此时 f1 也是在全局作用域下
function f1() {}

部分作用域
●部分作用域就是在全局作用域上面有开辟出来的一个绝对小一些的作用域
●在部分作用域中定义的变量只能在这个部分作用域外部应用
●在 JS 中只有函数能生成一个部分作用域，别的都不行
●每一个函数，都是一个部分作用域

// 这个 num 是一个全局作用域下的变量 在任何中央都能够应用
var num = 100

function f1() {
    // f1 外部就造成了一个公有作用域
    // 上面这个变量就是一个 f1 公有作用域外部的变量
    // 只能在 f1 函数外部应用
    var num2 = 200
}
f1()

变量应用规定（重点）
●有了作用域当前，变量就有了应用范畴，也就有了应用规定
●变量应用规定分为三种，定义规定、拜访规定 和 赋值规定

定义规定
●你定义在哪一个作用域下的变量，就是哪一个作用域的公有变量
●该变量只能在该作用域及其后辈作用域中应用

function f1() {
    // f2 : 定义在 f1 公有作用域的变量
    // 只能在 f1 及其 f1 的后辈作用域内应用
    // 全局不能应用 f2
    function f2() {
        // 这里能够应用 num 吗 ?
        // 能够, 因为 f2 是 f1 的后辈作用域
        console.log(num);
    }
    f2()
    // num 只能在 f1 和 f1 的后辈作用域内应用
    var num = 100
}
f1()

拜访规定
●当我想获取一个变量的值的时候，咱们管这个行为叫做 拜访
●获取变量的规定：
○首先，在本人的作用域外部查找，如果有，就间接拿来应用
○如果没有，就去上一级作用域查找，如果有，就拿来应用
○如果没有，就持续去上一级作用域查找，顺次类推
○如果始终到全局作用域都没有这个变量，那么就会间接报错（该变量 is not defined）

var num = 100
function fn() {
    var num2 = 200
    function fun() {
        var num3 = 300
        console.log(num3) // 本人作用域内有，拿过去用
        console.log(num2) // 本人作用域内没有，就去上一级，就是 fn 的作用域外面找，发现有，拿过去用
        console.log(num) // 本人这没有，去上一级 fn 那里也没有，再上一级到全局作用域，发现有，间接用
        console.log(a) // 本人没有，一级一级找上去到全局都没有，就会报错
    }
    fun()}
fn()

○变量的拜访规定 也叫做 作用域的查找机制
○留神：作用域的查找机制只能是向上找，不能向下找

function fn() {var num = 100}
fn()
console.log(num) // 发现自己作用域没有，本人就是全局作用域，没有再上一级了，间接报错 

案例

var n = 100
function fn(n) {
    // 形参 n 就相当于 fn 函数外部的公有变量 n
    // fn 公有作用域内有 n 变量, 值是 undefined
    var n = 200
    function fun() {
        // var n = 300
        console.log(n)
    }
    fun()}
fn()

赋值规定
●当你想给一个变量赋值的时候，那么就先要找到这个变量，在给他赋值
●变量赋值规定：
○先在本人作用域外部查找，有就间接赋值
○没有就去上一级作用域外部查找，有就间接赋值
○还没有再去上一级作用域查找，有就间接赋值
○如果始终找到全局作用域都没有，那么就把这个变量定义为全局变量，再给他赋值

function fn() {num = 100}
fn()
// fn 调用当前，要给 num 赋值
// 查看本人的作用域外部没有 num 变量
// 就会向上一级查找
// 上一级就是全局作用域，发现仍旧没有
// 那么就会把 num 定义为全局的变量，并为其赋值
// 所以 fn() 当前，全局就有了一个变量叫做 num 并且值是 100
console.log(num) // 100

案例

// var n = 100
function fn() {
    //   因为 var n 这句代码, 导致 fn 公有作用域内有 n 这个公有变量
    // var n = 200
    console.log('n 赋值之前 :', n)
    n = 300
    console.log('n 赋值之后 :', n)
}
console.log('fn 执行之前 :', n)
// 因为 fn 函数内的某一行代码执行
// 导致在全局定义了一个叫做 n 的变量
fn()
console.log('fn 执行之后 :', n)

作用域链
●变量取值是到创立这个变量的函数的作用域中取值。然而如果在以后作用域中没有查找到值，就会向下级作用域去查找，直到查找到全局作用域，这么一个查找过程造成的链条就叫做作用域链
●因为变量的查找是沿着作用域链来实现的，所以也称作用域链为变量查找的机制