JavaScript 函数作用域

痛定思痛。 2022-11-16 00:58 173阅读 0赞

在 JavaScript 中, 对象和函数同样也是变量。在 JavaScript 中, 作用域为可访问变量，对象，函数的集合。

JavaScript 函数作用域: 作用域在函数内修改。

#### 局部作用域 ####

变量在函数内声明，变量为局部作用域。  
局部变量：只能在函数内部访问。

<p id="demo"></p>
    <script> myFunction(); document.getElementById("demo").innerHTML = "carName 的类型是：" + typeof carName; function myFunction() { var carName = "Volvo"; } </script>

*  因为局部变量只作用于函数内，所以不同的函数可以使用相同名称的变量。
 *  局部变量在函数开始执行时创建，函数执行完后局部变量会自动销毁。

#### 全局变量 ####

变量在函数外定义，即为全局变量。  
全局变量有 全局作用域: 网页中所有脚本和函数均可使用。

<p id="demo"></p>
    <script> var carName = "Volvo"; myFunction(); function myFunction() { document.getElementById("demo").innerHTML = "我可以显示 " + carName; } </script>

*  如果变量在函数内没有声明（没有使用 var 关键字），该变量为全局变量。

以下实例中 carName 在函数内，但是为全局变量。

<p id="demo"></p>
    <script> myFunction(); document.getElementById("demo").innerHTML = "我可以显示 " + carName; function myFunction() { carName = "Volvo"; } </script>

#### 相关面试题： ####

**1. 说说你对作用域链的理解？**

作用域链的作用是保证执行环境里有权访问的变量和函数是有序的，作用域链的变量只能向上访问，变  
量访问到window对象即被终止，作用域链向下访问变量是不被允许的。

**2. this**

*  作为构造函数执行

function Foo(name) {  
        this.name = name; 
    }
    var f = new Foo('zhangsan');

作为对象属性执行

var obj = { 
        name: 'A', 
        printName: function() {  
            console.log(this.name); 
        } 
    }
    obj.printName();

*  作为普通函数执行

function fn() {  
        console.log(this); 
    }
    fn();

*  call apply bind