详解Extextend的使用方法.docVIP

extend?(Object subclass,Object superclass,[Object overrides] : Object?第一个参数：子类?第二个参数：父类?第三个参数：要覆盖的属性。?这里需要强调一下，子类继承下来的是父类中通过superclass.prototype方式定义的属性（包括用此方法定义的函数）。 使用示例 假设有个?function?名为?SuperClass?，要实现一个子类，名为?MyClass?。下面的两种方式都可以实现这个功能。 MyClass?=?Ext?.?extend?(?SuperClass?,?{?/* */?}); Ext?.?extend?(?MyClass?,?SuperClass?,?{?/* */?}); ? 下面来个具体示例： var?a?=?function?(?id?){ ????this?.?id?=?id?; } a?.?prototype?=?{ ????tostring?:?function?(){ ????????return?this?.?id?; ????} }; ??????????? b?=?function?(?id?){ ????b?.?superclass?.?constructor?.?call?(?this?,?id?); } Ext?.?extend?(?b?,?a?,?{ ????tostring?:?function?(){ ????????return?String?.?format?(?b:{0}?,?this?.?id?); ????} }); //?测试一下 var?obj1?=?new?a?(?obj1?); alert?(?obj1?.?tostring?()); var?obj2?=?new?b?(?obj2?); alert?(?obj2?.?tostring?()); 或者下面的代码，可以得到同样的效果： var?a?=?function?(?id?){ ????this?.?id?=?id?; } a?.?prototype?=?{ ????tostring?:?function?(){ ???????return?this?.?id?; ????} }; ? b?=?Ext?.?extend?(?a?,?{ ????tostring?:?function?(){ ???????return?String?.?format?(?b:{0}?,?this?.?id?); ????} }); //?测试一下 var?obj1?=?new?a?(?obj1?); alert?(?obj1?.?tostring?()); var?obj2?=?new?b?(?obj2?); alert?(?obj2?.?tostring?()); ? 一个错误例子 下面看个示例： BaseClass?=?function?()?{ ????this?.?f1?=?function?()?{ ????????alert?(?f1 in base?); ????} ? ????this?.?f2?=?function?()?{ ????????alert?(?f2 in base?); ????} } ? ChildClass?=?function?()?{ ??ChildClass?.?superclass?.?constructor?.?call?(?this?); }??????? ? Ext?.?extend?(?ChildClass?,?BaseClass?,?{ ????f1?:?function?()?{ ????????alert?(?f1 in child?); ????}, ? ????f3?:?function?()?{ ????????alert?(?f3 in child?); ????} }); ? var?b?=?new?ChildClass?(); b?.?f1?(); b?.?f2?(); b?.?f3?(); ? 可以去执行一下，可以发现?f1?的执行结果仍然是?f1 in base?。并没有真正的达到?override?的效果。 ? Ext.extend puts the properties specified in the 3rd argument into the?subclasss?prototype ? 也就是说：第三个参数里面的函数被放置在了子类的?prototype?中。 而在?ChildClass.superclass.constructor.call(this);?这句上，?BaseClass?的?f1?成了?ChildClass?的变量，而不是?ChildCl