ExtJS superclass.constructor.call(this, config)

最新推荐文章于 2016-12-28 14:00:17 发布

javaPie

最新推荐文章于 2016-12-28 14:00:17 发布

阅读量2.2k

点赞数

分类专栏： ExtJs

ExtJs 专栏收录该内容

246 篇文章 5 订阅

订阅专栏

ExtJS继承Extend 5

MyGridPanel = Ext.extend(Ext.grid.GridPanel, {
        constructor: function(config) {
            // Your preprocessing here
        MyGridPanel.superclass.constructor.apply(this, arguments);
            // Your postprocessing here
        },

        your方法: function() {
            // etc.
        }
    });

以上是Extjs API关于Extend的用法说明，有点不理解，
1.这里的constructor就是一个普通的方法吗，可是在实例化MyGridPanel的时候会自动调用该方法？
2.MyGridPanel.superclass.constructor.apply(this, arguments); 这行代码的作用是什么？有人说是调用父类构造函数，这个父类是指哪个？这里的superclass是什么意思？还有这里的参数arguments可以换成传进来的config吗？
3.在 MyGridPanel.superclass.constructor.apply(this, arguments);这行代码的前后的代码应该做什么？有什么作用？

这部分看了好久一直没整明白 JS一直半解,还请达人解释解释

ext javascript

2013年7月08日 18:31

b30164
3
0 0 5

1个答案按时间排序按投票排序

0 0

采纳的答案

1. constructor这个方法其实就是最后的 MyGridPanel，也就相当于
MyGridPanel = function(config) {
            // Your preprocessing here
        MyGridPanel.superclass.constructor.apply(this, arguments);
            // Your postprocessing here
        }
因为Ext.extend中覆盖的属性是放在原型上的，所有constructor被赋值到
MyGridPanel.prototype.constructor，而MyGridPanel.prototype.constructor又指向MyGridPanel本身

2. MyGridPanel.superclass.constructor.apply(this, arguments); 这个确实是调用父类的构造方法
superclass不是javascript里面自带的，是在调用Ext.extend时给MyGridPanel的的运行上加的一个属性，这个属性指向父类的原型也就Ext.grid.GridPanel的原型，所以可以调用Ext.grid.GridPanel原型上的所有方法和属性。
还有这里的参数arguments可以换成传进来的config吗？可以，如果你确定参数只有一个config，因为js中函数调用时，实参不一定等于形参的数目，所以用arguments就用的是实参。如果你确定实参只有一个可以直接用形参只不过需要用call代替apply

3. 理论上做什么都可以。一般是这样，之前可以做一些必要属性的初始话工作，比如store,columns等等，之后可以做一些和grid本身无关的一些操作