JavaScript 函数作用域-蒲公英云

JavaScript 函数作用域

在 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

function fn1(name, age) {
```
alert(name); 
```
console.log(this);
}
fn1.call({ x: 100}, ‘zhangsan’, 20);
fn1.apply({ x:100}, [‘zhangsan’, 20])
var fn2 = function (name, age) { // 必须是函数表达式，不能是函数声明，即不能是function
fn2(name, age) { }
```
alert(name); 
console.log(this); 
```
}.bind({ y:200});
fn2(‘zhangsan’, 20);