ExtJs關於Ext.extend()的說明

Ext.extend方法是用來實作類別的繼承。
extend(Object subclass,Object superclass,[Object overrides] : Object
第一個參數：子類
第二個參數：父類
第三個參數：要覆蓋的屬性。
這裡需要強調一下，子類繼承下來的是父類中通過superclass.prototype方式定義的屬性（包括用此方法定義的函數）。
例子如下：
<mce:script type="text/javascript"><!--</p><p> function S(){<br /> }<br /> S.prototype.s = "s";<br /> S.prototype.s1 = "s1";<br /> function C(){<br /> this.c = "c";<br /> this.c1 = "c1";<br /> }<br /> Ext.extend(C,S,{s1:"by c overload"});<br /> var c = new C();<br /> alert(c.s); //s<br /> alert(c.s1); //by c overload </p><p>// --></mce:script><br />

如果按下面這個方式寫就會提示c.s沒有定義(undefind)：

<mce:script type="text/javascript"><!--</p><p> function S(){<br /> this.s = "s";<br /> this.s1 = "s1";<br /> }<br /> function C(){<br /> this.c = "c";<br /> this.c1 = "c1";<br /> }<br /> Ext.extend(C,S,{s1:"by c overload"});<br /> var c = new C();<br /> alert(c.s); //undefind<br /> alert(c.s1); //by c overload </p><p>// --></mce:script>

也可以通過如下方式來實作類別的繼承

<mce:script type="text/javascript"><!--</p><p> function S(){<br /> }<br /> S.prototype.s = "s";<br /> S.prototype.s1 = "s1";<br /> C = Ext.extend(S,{s1:"by c overload"});<br /> var c = new C();<br /> alert(c.s); //s<br /> alert(c.s1); //by c overload<br />// --></mce:script>

此時，C是子類，S是父類