var obj = {
toString:function(){ return 'obj的范围内（作用域内）';}, //重写toString函数，方便执行console.log(this)时的输出
func: function(){
// 这里的函数直接从属与对象"object"
console.log(this);
var innerFunc = function(){
//n这里的函数不是特定对象的直接成员，只是另外一个函数的变量而已
console.log(this);
};
innerFunc.call(this);
}
};
obj.func();
// 输出 "obj的范围内（作用域内）"
// 输出 "obj的范围内（作用域内）"
Ext的作用域配置
可以看到，没有分配作用域的函数，它的this"指向的是浏览器的window对象（如事件句柄event handler等等），——除非我们改变this的指针。Ext的很多类中 scope是一个配置项（configuration）能够进行指针的绑定。相关的例子参考Ajax.request。
Ext的createDelegate函数
*除了内建的call/apply方法，Ext还为我们提供-- 辅助方法createDelegate。 该函数的基本功能是绑定this指针但不立刻执行。传入一个参数，createDelegate方法会保证函数是运行在这个参数的作用域中。如：
复制代码 代码如下:
var obj = {
toString:function(){ return 'obj的范围内（作用域内）';}, //重写toString函数，方便执行console.log(this)时的输出
func: function(){
// 这里的函数直接从属与对象"object"
console.log(this);
var innerFunc = function(){
//n这里的函数不是特定对象的直接成员，只是另外一个函数的变量而已
console.log(this);
};
innerFunc = innerFunc.createDelegate(this); // 这里我们用委托的函数覆盖了原函数。
innerFunc(); // 按照一般的写法调用函数
}
};
obj.func();
// 输出 "obj的范围内（作用域内）"
// 输出 "obj的范围内（作用域内）"
这是一个小小的例子，其原理是非常基本基础的，希望能够好好消化。尽管如此，在现实工作中，我们还是容易感到迷惑，但基本上，如果能按照上面的理论知识去分析来龙去脉，万变还是不离其中的。
另外还有一样东西，看看下面的例子：
复制代码 代码如下:
varsDs.load({callback: function(records){
col_length = varsDs.getCount();//这里的varDs离开了作用域？
//col_length = this.getCount();//这个this等于store吗？
for (var x = 0; x < col_length; x++)
{
colarray[x] = varsDs.getAt(x).get('hex');
}
}});不过可以写得更清晰：
var obj = {
callback: function(records){
col_length = varsDs.getCount();//这里的varDs离开了作用域？
//col_length = this.getCount();//这个this等于store吗？
// ...
}
};
varsDs.load(obj);现在函数callback直接挂在obj上，因此this指针等于obj。
但是注意： 这样做没用的。为什么？因为你不知obj.callback最终执行时发生什么情形。试想一下Ext.data.Store的load方法（仿造的实现）：
复制代码 代码如下:
...
load : function(config) {
var o = {};
o.callback = config.callback;
//进行加载
o.callback();
}
...
这个仿造的实现中,回调函数的作用域是私有变量“o”。 因为通常你无法得知函数是如何被调用的，如果不声明作用域，你很可能无法在回调函数中使用this参数。
您可能感兴趣的文章: