JavaScript函数作用域链分析
作者:bea
本文实例分析了JavaScript函数作用域链。分享给大家供大家参考。具体分析如下: 作用域链: JavaScript的每个函数function都有自己的作用域,使用Active Object(简称AO)活动对象来保存,在相互嵌套的函数中形成了作用域链,如下图所示: 作用域链就是从里到外的AO链 变量的寻找: 函数fn3中使用的变量,如在fn3作用域内寻找不到,则往外层fn2作用域寻找,以此类推,直到全局对象window 代码演示如下: var c = 5; funct
本文实例分析了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程序设计有所帮助。
猜你喜欢
您可能感兴趣的文章:
- javascript使用正则表达式实现去掉空格之后的字符
- 分享一个自己写的简单的javascript分页组件
- Linux下编译安装php libevent扩展实例
- jQuery中extend函数详解
- NodeJS使用jQuery选择器操作DOM
- JavaScript将Web页面内容导出到Word及Excel的方法
- javascript上下方向键控制表格行选中并高亮显示的方法
- JS+CSS实现可拖拽的漂亮圆角特效弹出层完整实例
- jQuery实现DIV层淡入淡出拖动特效的方法
- JS实现固定在右下角可展开收缩DIV层的方法
- JS仿iGoogle自定义首页模块拖拽特效的方法
- JS弹出可拖拽可关闭的div层完整实例
- AngularJS表单编辑提交功能实例
- javascript转换日期字符串为Date日期对象的方法
- jQuery动态修改超链接地址的方法
- jQuery实现contains方法不区分大小写的方法
- javascript获取元素离文档各边距离的方法
- jQuery点缩略图弹出层显示大图片
- Js控制滑轮左右滑动实例