JavaScript函数作用域链分析

本文实例分析了JavaScript函数作用域链。分享给大家供大家参考。具体分析如下

作用域链

JavaScript的每个函数function都有自己的作用域，使用Active Object（简称AO）活动对象来保存，在相互嵌套的函数中形成了作用域链，如下图所示

作用域链就是从里到外的AO链

变量的寻找

函数fn3中使用的变量，如在fn3作用域内寻找不到，则往外层fn2作用域寻找，以此类推，直到全局对象window

代码演示如下

var c = 5; 
function t1(){ 
  var d = 6; 
  function t2(){ 
    var e = 7; 
    var d = 3;
 //如果在这里声明的var d = 3，
 //那么函数就不在向外寻找变量d,输出的值为15 
    console.log(c+d+e); 
  } 
  t2(); 
} 
t1();

了解了JavaScript作用域链后，在函数里面使用频率较高的外部变量，最好先将外部变量保存为局部变量后，再进行操作，这样就大大减少通过作用域链查找变量的时间。

希望本文所述对大家的javascript程序设计有所帮助。