Question

Extjs中的this用法问题

第一个能成功触发，但第二个用了this却没起作用





Answer 1

第二个this指的是当前id为'viewAll‘的对象

追问

我想用那个changeListAll方法该怎么办才行？

追答

可以直接写成这样hanlder: function(){}，把changeListAll的方法体直接写在里边，如果该方法要复用的话就用上边第一种方式，声明为全局的一个方法

追问

这样做不太妥当。有个scope属性可以把this的范围改掉，只是我不太理解用法。我还是希望用上图片里的用法，因为系统比较大，要写得规范点

追答

其实这里的这个hanlder无非就是直接声明匿名函数和调用全局函数两种，它的scope属性是规定了此函数的运行环境，是在window底下还是tool自己底下，其实就是为了访问其他成员而已，举个例子
var a = {
b: 'a.b'
};
Ext.create('Ext.Button', {
text: 'Click me',
renderTo: Ext.getBody(),
scope: a,
handler: function(){alert(this.b)},
b: 'this.b'
});
当你设置scope为a时，则button的hanlder函数的执行环境为a对象，则可以再handler中访问a对象的成员，如上边this.b则输出’a.b'
当你不设置scope的时候默认handler的执行环境为button，则在方法体重输出‘this.b'
希望能帮到你

追问

嗯。谢谢，大概明白了，js里面还有这样一段

为什么 tools的handler能成功调用到changeSubject方法呢，我的scope却不能调用到。

追答

首先，extjs的button默认的scope是button自身也就是它把当前的this的引用指向了button自身，但是不同情况下this代表的对象不一定相同，举例来说
上边initCommponent中的this代表了panel，而你的tool是在initComponent中声明的，所以他的执行环境还是this即panel，这时候你将tool中组件的scope声明为this就可以访问到panel中定义的方法
而你最开始的时候hanlder:_a的时候为什么可以调用_a,是因为当前this的引用是window（因为你的Ext.create是在最外边也就是window环境下调用的）所以可以访问到这个全局的_a方法
所以需要明白scope默认的this引用是谁，而当前的this又是谁是最关键的
望采纳

Answer 2

第一个this是全局的，第二个this是SchooList的。

追问

为什么第一个this是全局的呢？