有关js的变量作用域和this指针的讨论
更新时间：2010年12月16日 22:30:24 作者：
在ECMAScript中，只有两种执行环境，全局环境和函数环境，每个函数都是一个执行环境，包括嵌套函数。换句话说，其他情况下即使变量声明在一对大括号中，在括号外部仍然可以访问这些变量
一、变量作用域：[P71]
这一句话说的非常精辟：“在ECMAScript中，只有两种执行环境，全局环境和函数环境，每个函数都是一个执行环境，包括嵌套函数。换句话说，其他情况下即使变量声明在一对大括号中，在括号外部仍然可以访问这些变量”。以下给出例子：
for(var i=0; i<5; i++) {
var num = 20; // 在for语句中声明的变量
}
alert(num); // 在for语句外部调用变量，仍然可以得到num的值
对异常语句也同样可以：
try {
var num = 20; // 在try语句中声明的变量
a = b; // 引起一个异常
} catch(e) {
alert(num); // 在catch语句中调用变量，将得到20
} finally {
alert(num); // 在finally语句中调用变量，将得到20
}
alert(num); // 在try语句外部调用变量，将得到20
除了上面所演示的这两种语句外，一对大括号也无法构成一个执行环境，例如：
{ var num = 1;3 }
二、this指针：[P83]
在这里列出this在ECMAScript中的不同含义：
(1) 在全局执行环境中使用this，表示Global对象，在浏览器中就是window对象。
(2) 当在函数执行环境中使用this时，情况就有些复杂了。如果函数没有明显的作为非window对象的属性，而只是定义了函数，不管这个函数是不是定义在另一个函数中，这个函数中的this仍然表示window对象。如果函数显示地作为一个非window对象的属性，那么函数中的this就代表这个对象。（当然可以使用apply或者call函数来取代默认this的引用，详见[P88]）
(3) 当通过new运算符来调用函数时，函数被当做一个构造函数，this指向构造函数创建出来的对象。
参考：
《JavaScript基础与案例开发详解》清华大学出版社
这一句话说的非常精辟：“在ECMAScript中，只有两种执行环境，全局环境和函数环境，每个函数都是一个执行环境，包括嵌套函数。换句话说，其他情况下即使变量声明在一对大括号中，在括号外部仍然可以访问这些变量”。以下给出例子：
复制代码 代码如下:
for(var i=0; i<5; i++) {
var num = 20; // 在for语句中声明的变量
}
alert(num); // 在for语句外部调用变量，仍然可以得到num的值
对异常语句也同样可以：
复制代码 代码如下:
try {
var num = 20; // 在try语句中声明的变量
a = b; // 引起一个异常
} catch(e) {
alert(num); // 在catch语句中调用变量，将得到20
} finally {
alert(num); // 在finally语句中调用变量，将得到20
}
alert(num); // 在try语句外部调用变量，将得到20
除了上面所演示的这两种语句外，一对大括号也无法构成一个执行环境，例如：
复制代码 代码如下:
{ var num = 1;3 }
二、this指针：[P83]
在这里列出this在ECMAScript中的不同含义：
(1) 在全局执行环境中使用this，表示Global对象，在浏览器中就是window对象。
(2) 当在函数执行环境中使用this时，情况就有些复杂了。如果函数没有明显的作为非window对象的属性，而只是定义了函数，不管这个函数是不是定义在另一个函数中，这个函数中的this仍然表示window对象。如果函数显示地作为一个非window对象的属性，那么函数中的this就代表这个对象。（当然可以使用apply或者call函数来取代默认this的引用，详见[P88]）
(3) 当通过new运算符来调用函数时，函数被当做一个构造函数，this指向构造函数创建出来的对象。
参考：
《JavaScript基础与案例开发详解》清华大学出版社
相关文章
JavaScript中本地存储(LocalStorage)和会话存储(SessionStorage)的使用
本地存储和会话存储是比较常用的方法，你知道两者的区别吗，本文详细的介绍了JavaScript中本地存储(LocalStorage)和会话存储(SessionStorage)的使用，具有一定的参考价值，感兴趣的可以了解一下2022-03-03
JS addEventListener()和attachEvent()方法实现注册事件
这篇文章主要介绍了JS addEventListener()和attachEvent()方法实现注册事件，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2021-01-01
又一款js时钟!这篇文章主要为大家详细介绍了transform实现的时钟效果，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-08-08
这篇文章主要介绍了js中console在一行内打印字符串和对象的方法，本文给大家介绍的非常详细，具有一定的参考借鉴价值,需要的朋友可以参考下2019-09-09
JavaScript本地储存:localStorage、sessionStorage、cookie的使用
这篇文章主要介绍了JavaScript本地储存:localStorage、sessionStorage、cookie的使用，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-10-10
本文介绍将Bootstrap的二级菜单由点击显示改为鼠标悬停显示的具体实现方法，希望对大家有所帮助。2016-04-04
这篇文章主要介绍了JavaScript运行机制,结合实例形式分析JavaScript运行机制相关原理、使用方法及操作注意事项,需要的朋友可以参考下2020-04-04
本文给大家介绍js修改地址栏参数的实例代码，并给大家附上用JS动态改变地址栏内容 window.location.href window.location.hash的方法，比较实用，需要的朋友参考下吧2016-06-06
这篇文章主要介绍了JavaScript作用域链,结合实例形式较为详细的分析了作用域链的原理、功能与相关操作注意事项,需要的朋友可以参考下2019-01-01
使用javascript操作JSON的类库TAFFY DB，具体介绍了：查询数据、添加数据、删除数据、修改数据。2013-10-10
最新评论