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);