ExtJs与JavaScript的call方法

最新推荐文章于 2025-06-10 16:45:00 发布

mengzhengjie

最新推荐文章于 2025-06-10 16:45:00 发布

阅读量606

点赞数

分类专栏： Ext js

js 同时被 2 个专栏收录

82 篇文章

订阅专栏

Ext

81 篇文章

订阅专栏

本文通过示例讲解了ExtJS中如何使用superclass.call方法来调用父类的方法，并解析了JavaScript中的call函数作用及用法。通过具体代码说明了如何正确地将子类实例传递给父类方法。

之前在教学视频有看过javascript的call。这个方法在ExtJs中是很常用的。以前在搞ExtJs的时候总是忽略initComponent里面的一句代码，如下所示。

今天在看其他人代码的时候发现调用的函数和自己想像的不一样。所以认真看了一下代码，再结合之前js关于call的笔记。知道了其中的原因

代码如下	复制代码
Son.superclass.initComponent.call(this);

这里的call就是调用"Son"父类的initComponent函数，并把this传进去，这个this是Son的实例对象。
下面用一个js代码解释一下这个call 是怎样的

代码如下	复制代码
function Dog(name){ this.name = name; } function test(){ alert(this.name); } var dog = new Dog('lil'); test.call(dog);//这句话相当于dog.test();所以test()里面的this是dog,即this.name是dog.name,即弹出'lil'

如上面代码所示，test.call(dog)等价于dog.test();
下面举ExtJs代码的例子

代码如下

复制代码

Son = Ext.extend(Father,{
initComponent : function() {
　　　　　　Son.superclass.initComponent.call(this);//这里调用父类的initComponent方法，即Father的initComponent方法，并把this,Son的实例对象做为参数传过去
},

test : function() {
alert('test in Son');
　　　　}
}

Father = Ext.extend(Ext.Panel,{
       initComponent : function() {
　　　　　　Father.superclass.initComponent.call(this);
       　　this.test();//这里的this是Son的实例对象，相当于Son son = new Son();son.test();
       　　//所以调用的是子类的test方法而不是父类的test方法，我之前以为是调用父类的test方法
       },
      test : function() {
         alert('test in Father');
}
}