javascript中的this
javascript里避免不了用到this,不过this的作用域scope问题常常会不经意间发送变化,导致程序出现错误或异常。
这里只对this做一些简单的总结,更详细的行为还需要大家去琢磨。
this都是用在函数function里的(废话...)。这里要说明一点,js里的函数就是一个普通函数(没有成员函数这一说法,准确的说),无论它定义在哪里。
所以一个函数可以绑定到任何对象上去用,这时成这个被绑定的对象为该函数的owner。ok,函数里的this就是指向他的owner的。
this的多变就是由于他的owner常常发生变化。举个例子:
< script type = "text/javascript" >
var o = {
_name : 'o' , // used for debug
foo : function (){
console . log ( this . _name );
}
}
o . foo ();
</ script >
这里o.foo就是一个函数(应该叫函数指针,指向一个函数function(){console.log(this._name);})。那么执行 o.foo()的时候,foo(确切说是foo指向的函数)的owner就是o,里面的this也是o,运行结果会打印'o';
为什么说是函数指针?再继续这个例子:
< script type = "text/javascript" >
var fn = o . foo ;
fn ();
</ script >
这里fn = o.foo并不是系统把o.foo这个函数copy给了fn,而是copy了o.foo的指针值,让fn也指向函数funtion(){console.log(this._name);}。
这时候执行fn什么效果呢?fn(again,确切说是fn指向的函数)“没了”owner,这时系统就会把window这个全局对象传给this,也就是说fn(不again了)的owner是window。
因为window里并没定义_name属性,这时会输出undefined。再测试一下,给window添加个熟悉_name;
< script type = "text/javascript" >
window . _name = 'window' ;
fn ();
</ script >
OK,上面说了函数里的this到底指向的那个对象:执行时的owner。下面看看this为何会在实际应用中变化莫测。
根本原因很简单,他的owner变了,像上面的o.foo和fn两个例子就可以说明。以下举几个例子来说它经常的变化方式:
1. 对象里的函数(你知道这么说是不对的)调用了其他对象的函数,这时this就会变化
< script type = "text/javascript" >
// 例如常用的ajax
var o2 = {
xhr : null ,
execute : function (){
xhr . onreadystatuschange = function (){
相关新闻>>
- Javascript 兼容 IE6、IE7、FF 的“加入收藏”“设为首页”
- 好好学一遍JavaScript 笔记(一)——基础中的基础
- 好好学一遍JavaScript 笔记(二)——encode、数组、对象创建
- 好好学一遍JavaScript 笔记(三)——StringBuffer、prototype
- 好好学一遍javaScript 笔记(四)——Attribute、HTML元素、文档碎
- 好好学一遍JavaScript 笔记(五)——正则表达式基础
- 好好学一遍JavaScript 笔记(六)——正则表达式基础二
- 好好学一遍JavaScript 笔记(七)——RegExp对象与常用正则
- 好好学一遍JavaScript 笔记(八)——冒泡型事件、捕获型事件
- JavaScript详解
- 发表评论
-
- 最新评论 更多>>