JavaScript函数作用域链分析
更新时间:2015年02月13日 11:06:04 作者:桂学成
这篇文章主要介绍了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程序设计有所帮助。
相关文章
web开发js字符串拼接占位符及conlose对象Api详解
本篇文章主要为大家介绍了web开发中字符串的拼接,占位符的使用以及conlose对象Api的使用,有需要的朋友可以借鉴参考下,希望可以有所帮助2021-09-09
最新评论