ExtJs2.0 面向对象的编程方法

 前言  

    在以往的js编程中，大家都会以面向对象的方式编写js代码。那是因为以前js在web应用中只扮演着一个小角色。没有人在乎它其主要的原因在于它只是一个轻量级的脚本语言，只能在页面上添加一些特效。

    但是已经步入web2.0 的如今来说，js由一个跑龙套的迅速的变为当红的明星。其主要的原因在于Ajax的出现。但是最初给程序员带来最大的苦恼就是浏览器的兼容问题。随后很多的外国友人开始研发js的前台框架。比如prototype，Ext，dojo，xquery……等等。这些都是很好的ajax的框架，他们都集成了ajax的调用函数，让程序员开发起来更加快速，也减少了程序员对浏览器兼容问题的担忧。

    言归正传，既然js在web2.0时代成为耀眼的明星之后，我们就应该规范一下对js的编写模式。

 

正文

    在ExtJs中，jack（Ext框架的作者）为我们提供了一个很好的继承函数，即 Ext.extend(class,superclass,constructor);下面就是一个继承的例子（继承Panel）

1. MyPanel  = function(str){
2.   MyPanel .superclass.constructor.call(this,{
3.      title:'',
4.      html:str
5.   });
6. }
8. Ext.extend(MyPanel,Ext.Panel,{
10. });

  

 

调用时

1.  var myPanel = new MyPanel('helloworld!!');

这样调用的panel就会在其内容中答应helloworld!!