之前在教學(xué)視頻有看過(guò)javascript的call。這個(gè)方法在ExtJs中是很常用的。

? 以前在搞ExtJs的時(shí)候總是忽略initComponent里面的一句代碼，如下所示。今天在看其他人代碼的時(shí)候發(fā)現(xiàn)調(diào)用的函數(shù)和自己想像的不一樣。所以認(rèn)真看了一下代碼，再結(jié)合之前js關(guān)于call的筆記。知道了其中的原因

Son.superclass.initComponent.call(this);

這里的call就是調(diào)用"Son"父類(lèi)的initComponent函數(shù)，并把this傳進(jìn)去，這個(gè)this是Son的實(shí)例對(duì)象。

下面用一個(gè)js代碼解釋一下這個(gè)call 是怎樣的

function Dog(name){this.name = name; } function test(){alert(this.name); } var dog = new Dog('lil'); test.call(dog);//這句話相當(dāng)于dog.test();所以test()里面的this是dog,即this.name是dog.name,即彈出'lil'

如上面代碼所示，test.call(dog)等價(jià)于dog.test();

下面舉ExtJs代碼的例子

Son = Ext.extend(Father,{initComponent : function() { 　　　　　　Son.superclass.initComponent.call(this);//這里調(diào)用父類(lèi)的initComponent方法，即Father的initComponent方法，并把this,Son的實(shí)例對(duì)象做為參數(shù)傳過(guò)去 },test : function() {alert('test in Son');} }Father = Ext.extend(Ext.Panel,{initComponent : function() { 　　　　　　Father.superclass.initComponent.call(this);this.test();//這里的this是Son的實(shí)例對(duì)象，相當(dāng)于Son son = new Son();son.test(); //所以調(diào)用的是子類(lèi)的test方法而不是父類(lèi)的test方法，我之前以為是調(diào)用父類(lèi)的test方法 },test : function() {alert('test in Father'); } }

?

?

?

轉(zhuǎn)載于:https://www.cnblogs.com/baron89/archive/2012/09/21/2696659.html

總結(jié)

以上是生活随笔為你收集整理的ExtJs与JavaScript的call方法的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。