JS变量作用域

1. 全局作用域

  • && var:不在任何函数体内定义的var变量具有全局作用域
    (不同函数内部的同名变量互相独立,互不影响:)

    && let和const: 不在任何块级(即{}内)语句中定义的let变量或const常量具有全局作用域
    (不同块级(即{}内)语句内部的同名变量互相独立,互不影响:)

    // 1.如果一个var变量在函数体内部申明,则该变量的作用域为整个函数体,在函数体外不可引用该变量:
    function garden() {
        var x = 1;
        x = x + 1;
    }
    x = x + 2; // ReferenceError! 无法在函数体外引用变量x
    
    // 2.如果一个let变量或const常量在块级(即{}内)语句内部申明,则该变量的作用域为整个块级(即{}内)语句,
    //   在块级(即{}内)语句外不可引用该变量:
    if (true) {
        var upperA = 'LetterA';
    }
    upperA + 'B'; // ReferenceError: upperA is not defined
    
    // 3.由于JavaScript的函数可以嵌套,此时,内部函数可以访问外部函数定义的变量,反过来则不行:
    function garden() {
        let x = 1;
        function showtime() {
            let y = x + 1; // showtime可以访问garden的变量x!
        }
        let z = y + 1;     // ReferenceError! garden不可以访问showtime的变量y!
    }
  • 提醒:JavaScript的函数在查找变量时从自身函数定义开始,从“内”向“外”查找。如果内部函数定义了与外部函数重名的变量,则内部函数的变量将“屏蔽”外部函数的变量。

2. 局部作用域

  • 在任何块级(即{}内)语句中定义变量或常量具有全局作用域。

    原文作者:jrue
    原文地址: https://segmentfault.com/a/1190000017536329
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞