superclass.constructor.call(this,config)，参数问题 [

最新推荐文章于 2021-02-01 11:15:24 发布
转载 最新推荐文章于 2021-02-01 11:15:24 发布 · 980 阅读 · 0

本文探讨了JavaScript中通过Ext.extend实现的继承案例，重点分析了如何使用`superclass.constructor.call(this, config)`来调用父类构造函数，并解释了其中`this`参数的意义。

superclass.constructor.call(this,config)，参数问题 [问题点数：20分，结帖人chzhxiang]

  •            
  •            
  •            
  •            
  •            
  •            收藏
    • 楼主 发表于： 2011-08-05 14:01:16
    JavaScript code
    ?
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    function  Base(config){
             this .name=config.name;
             this .age=config.age;
             this .password=config.password;
         }
         function  base(config){
             this .a=config.a;
             this .b=config.b;
             this .c=config.c;
             base.superclass.constructor.call( this ,config); //第一个参数this是什么意思？不太明白
         }
         Ext.extend(base,Base,{
             showMessage: function (){
                 window.alert( "name=" + this .name+ " a=" + this .a);
             }
         });

    大哥大姐们，说明一下
    width="728" height="90" frameborder="0" marginwidth="0" marginheight="0" vspace="0" hspace="0" allowtransparency="true" scrolling="no" allowfullscreen="true" id="aswift_2" name="aswift_2" style="box-sizing: content-box; left: 0px; position: absolute; top: 0px;">
    • id="iframeu1636200_0" src="http://pos.baidu.com/fcim?rdid=1636200&dc=2&di=u1636200&dri=0&dis=0&dai=2&ps=1012x272&dcb=BAIDU_SSP_define&dtm=BAIDU_DUP_SETJSONADSLOT&dvi=0.0&dci=-1&dpt=none&tsr=0&tpr=1461058565334&ti=superclass.constructor.call(this%2Cconfig)%EF%BC%8C%E5%8F%82%E6%95%B0%E9%97%AE%E9%A2%98-优快云%E8%AE%BA%E5%9D%9B-优快云.NE&ari=1&dbv=2&drs=3&pcs=1123x542&pss=1123x4693&cfv=0&cpl=4&chi=1&cce=true&cec=UTF-8&tlm=1461058567&ltu=http%3A%2F%2Fbbs.youkuaiyun.com%2Ftopics%2F370109711&ltr=https%3A%2F%2Fwww.baidu.com%2Flink%3Furl%3DT_y87NSxsUFhKV21mFmeySTzJpVPEBWA1CoXjyKtluJtOy53uPJ0_UjUagdtyRyo%26wd%3D%26eqid%3Dc2cb28a10002fde3000000055715fbca&ecd=1&psr=1366x768&par=1366x728&pis=-1x-1&ccd=24&cja=false&cmi=6&col=zh-CN&cdo=-1&tcn=1461058568&qn=274b85a4337a90a0&tt=1461058565217.2352.2741.2742" width="200" height="22" align="center,center" vspace="0" hspace="0" marginwidth="0" marginheight="0" scrolling="no" frameborder="0" allowtransparency="true" style="box-sizing: content-box; border-width: 0px; border-style: initial; vertical-align: bottom; margin: 0px;">
       
    • id="iframeu1636201_0" src="http://pos.baidu.com/fcim?rdid=1636201&dc=2&di=u1636201&dri=0&dis=0&dai=3&ps=1012x526&dcb=BAIDU_SSP_define&dtm=BAIDU_DUP_SETJSONADSLOT&dvi=0.0&dci=-1&dpt=none&tsr=0&tpr=1461058565334&ti=superclass.constructor.call(this%2Cconfig)%EF%BC%8C%E5%8F%82%E6%95%B0%E9%97%AE%E9%A2%98-优快云%E8%AE%BA%E5%9D%9B-优快云.NE&ari=1&dbv=2&drs=3&pcs=1123x542&pss=1123x4693&cfv=0&cpl=4&chi=1&cce=true&cec=UTF-8&tlm=1461058567&ltu=http%3A%2F%2Fbbs.youkuaiyun.com%2Ftopics%2F370109711&ltr=https%3A%2F%2Fwww.baidu.com%2Flink%3Furl%3DT_y87NSxsUFhKV21mFmeySTzJpVPEBWA1CoXjyKtluJtOy53uPJ0_UjUagdtyRyo%26wd%3D%26eqid%3Dc2cb28a10002fde3000000055715fbca&ecd=1&psr=1366x768&par=1366x728&pis=-1x-1&ccd=24&cja=false&cmi=6&col=zh-CN&cdo=-1&tcn=1461058568&qn=af5a7687d3b72c9d&tt=1461058565217.2353.2747.2748" width="200" height="22" align="center,center" vspace="0" hspace="0" marginwidth="0" marginheight="0" scrolling="no" frameborder="0" allowtransparency="true" style="box-sizing: content-box; border-width: 0px; border-style: initial; vertical-align: bottom; margin: 0px;">
       
    • id="iframeu1636204_0" src="http://pos.baidu.com/fcim?rdid=1636204&dc=2&di=u1636204&dri=0&dis=0&dai=4&ps=1012x780&dcb=BAIDU_SSP_define&dtm=BAIDU_DUP_SETJSONADSLOT&dvi=0.0&dci=-1&dpt=none&tsr=0&tpr=1461058565334&ti=superclass.constructor.call(this%2Cconfig)%EF%BC%8C%E5%8F%82%E6%95%B0%E9%97%AE%E9%A2%98-优快云%E8%AE%BA%E5%9D%9B-优快云.NE&ari=1&dbv=2&drs=3&pcs=1123x542&pss=1123x4693&cfv=0&cpl=4&chi=1&cce=true&cec=UTF-8&tlm=1461058567&ltu=http%3A%2F%2Fbbs.youkuaiyun.com%2Ftopics%2F370109711&ltr=https%3A%2F%2Fwww.baidu.com%2Flink%3Furl%3DT_y87NSxsUFhKV21mFmeySTzJpVPEBWA1CoXjyKtluJtOy53uPJ0_UjUagdtyRyo%26wd%3D%26eqid%3Dc2cb28a10002fde3000000055715fbca&ecd=1&psr=1366x768&par=1366x728&pis=-1x-1&ccd=24&cja=false&cmi=6&col=zh-CN&cdo=-1&tcn=1461058568&qn=4adfd00a452ac799&tt=1461058565217.2356.2854.2856" width="200" height="22" align="center,center" vspace="0" hspace="0" marginwidth="0" marginheight="0" scrolling="no" frameborder="0" allowtransparency="true" style="box-sizing: content-box; border-width: 0px; border-style: initial; vertical-align: bottom; margin: 0px;">
      对我有用[0]  丢个板砖[0]  引用 |  举报 |  管理
      回复次数：8
      #1 得分：5 回复于： 2011-08-05 14:04:18
      引用楼主 chzhxiang 的回复:
      JScript code

      function Base(config){
              this.name=config.name;
              this.age=config.age;
              this.password=config.password;
          }
          function base(config){
              this.a=config.a……


      当前对象~·
      对我有用[0]  丢个板砖[0]  引用 |  举报 |  管理
      #2 得分：0 回复于： 2011-08-05 14:04:52
      比如
      var a = new base();

      那个this就是a对象~·
      对我有用[0]  丢个板砖[0]  引用 |  举报 |  管理
      #3 得分：5 回复于： 2011-08-05 14:32:49
      改变作用域，参考
      JavaScript变量函数预编译与执行顺序的关系
      对我有用[0]  丢个板砖[0]  引用 |  举报 |  管理
      #4 得分：0 回复于： 2011-08-05 14:47:15
      引用 2 楼 mubeibei 的回复:
      比如
      var a = new base();

      那个this就是a对象~·

      我是说这个里为什么要用THIS，不是不知道this代表什么
      对我有用[0]  丢个板砖[0]  引用 |  举报 |  管理
      #5 得分：5 回复于： 2011-08-05 15:01:48
      引用 4 楼 chzhxiang 的回复:
      引用 2 楼 mubeibei 的回复:
      比如
      var a = new base();

      那个this就是a对象~·

      我是说这个里为什么要用THIS，不是不知道this代表什么


      你都知道this代表什么了~·还问没什么要用this 。。。。呃~·
      对我有用[0]  丢个板砖[0]  引用 |  举报 |  管理
      #6 得分：5 回复于： 2011-08-05 15:09:14
      引用楼主 chzhxiang 的回复:
      JScript code

      function Base(config){
              this.name=config.name;
              this.age=config.age;
              this.password=config.password;
          }
          function base(config){
              this.a=config.a……

      这个是基于Ext的框架来的 想彻底明白得把extend的那个原函数研究透彻

      base.superclass.constructor.call(this,config);//第一个参数this是什么意思？不太明白
      这个意思就是调用父类的构造函数 作用域是当前子类 传入config参数 将来config中有什么属性 会为子类构造出什么属性
      例如:

      var a = new base({a:1,name:2}).showMessage();
      弹出name=2 a=1
      而
      var a = new base({name:2,b=3}).showMessage();
      弹出name=2 a=undefined
      对我有用[1]  丢个板砖[0]  引用 |  举报 |  管理
      #7 得分：0 回复于： 2011-08-05 15:24:17
      引用 6 楼 fanchuanzhidu 的回复:
      引用楼主 chzhxiang 的回复:
      JScript code

      function Base(config){
      this.name=config.name;
      this.age=config.age;
      this.password=config.password;
      }
      function base(config){
      this.a=config.a……

      这个是基于Ext的框架来的……

      谢谢啊
      对我有用[0]  丢个板砖[0]  引用 |  举报 |  管理
      #8 得分：0 回复于： 2012-05-07 15:22:09
      [img=http://][/img]
      关于Ext.grid.EditorGridPanel使用中遇到的问题
      11-12 1280
      最近做的一个项目使用到了Ext.grid.EditorGridPanel（使用的ext使用的版本是3.3.1的），根据需求，在做的过程中，遇到了这么几个问题： 1、怎么把grid中的数据通过FormPanel提交，也就是要获取grid中的数据，获取数据前的数据验证问题 2、grid中怎么放入checkColumn 3、grid中满足条件的单元格不可编辑问题 好了，说说这几个问题怎么解决的（
      CEC 2015 优化问题的测试函数
      02-18
      CEC 2015 优化问题的常用测试函数。常用于验证智能优化方法的有效性。
      base.superclass.constructor.call(this,config)
      逸雨涵梦的专栏
      11-11 5908
      base.superclass.constructor.call(this,config); 这个意思就是调用父类的构造函数 作用域是当前子类 传入config参数 将来config中有什么属性 会为子类构造出什么属性
      Extjs之superclass.constructor.call(this)之理解
      AG-Man专栏
      12-03 1万+
      EXTJS中的类继承 1人收藏此文章, 我要收藏发表于5个月前(2012-06-12 20:52) , 已有731次阅读 ，共0个评论 最近在用extjs，一直不理解superclass.constructor.call这个用法。 javascript中类的继承机制如下，有一个baseClass的类，然后为其定义两个方法，someMethod()和overwriteMet
      superclass.constructor.call的用法
      cherryqiao的博客
      12-28 2931
      增加警察的生命值01.function PoliceMan() { 02.} 03.PoliceMan.prototype.lifeEnergy = 100; 04.//创建一个警察 05.var pm = new PoliceMan(); 06.//中枪了生命值减1 07.pm.lifeEnergy -= 1; 08.//显示当前生命值 09.alert(pm.lifeEnergy); 10.//
      ExtJS superclass.constructor.call(this, config)
      evilcry2012的专栏
      03-03 2377
      ExtJS继承Extend 5 MyGridPanel = Ext.extend(Ext.grid.GridPanel, {          constructor: function(config) {              // Your preprocessing here          MyGridPanel.superclass.constructor.apply(
      java.lang.VerifyError:XXX <init> signature: ()V) Constructor must call super() or this()
      言如止水
      01-06 1923
      某日用netbean发布web项目突然遇到此情况。 本人出现此情况的原因是因为有两个相同的common-io.jar 如果读者出现此问题先查看下lib有没有相同的包或错误的包吧
      Ext JS 自定义控件：initComponent与constructor的扩展
      `myArticleList.superclass.constructor.call(this)`保证了父类的构造函数得以执行。 此外，自定义控件还可以涉及到事件的处理。在`constructor`中，你可以添加新的事件，比如： ```javascript this.addEvents('...
      javascript Ext JS 状态默认存储时间
      12-12
      代码如下:Ext.state.CookieProvider = function(config){ Ext.state.CookieProvider.superclass.constructor.call(this); this.path = “/”; this.expires = new Date(new Date().getTime()+(1000*60*60*24*7)); //...
      Extjs 继承Ext.data.Store不起作用原因分析及解决
      10-27
      DocStore.superclass.constructor.call(this, config); this.proxy = new Ext.data.HttpProxy({ url: this.url }); this.reader = new Ext.data.JsonReader({ totalProperty: 'results', root: 'rows', id: ...
      Ext2 核心 API 中文详解.doc
      12-16
      tx.data.ListStore.superclass.constructor.call(this, { sortInfo:{field: 'listName', direction: "ASC"}, reader: new Ext.data.JsonReader({ id: 'listId', fields: tx.data.List }) }); this.conn = ...
      cec2013测试集源码
      02-01
      Congress on Evolutionary Computation （cec）2013年的资料，java版和matlab版还有c版的，matlab的需要C++编译器才行，是混合编程的，具体看readme.外加DRMA-LSCh-CMA的源码一份。觉得不错请回来评论一下，谢谢。
      了解Java构造函数链接中this（）和（super）的用法
      cumao2792的博客
      09-14 479
      Constructor chaining in Java is simply the act of one constructor calling another constructor via inheritance. This happens implicitly when a subclass is constructed: its first task is to call its pa...
      proguard的 Constructor returning without calling superclass constructor解决
      情随事迁个人博客
      11-14 666
      java.lang.VerifyError: Verifier rejected class xxx: void xxx.<init>() failed to verify: void xxx.<init>(): [0x0] Constructor returning without calling superclass constructor (declaration...
      superclass
      02-01 225
      但是收集照片这种事情嘛，照片能收集齐了就谢天谢地了（最终收齐率95%），全部照片符合要求是不太可能的。之后还要做后期的处理，比如将“人脸”的部分识别出来，只保留“笑脸”的部分。 ...
      react中constructor( )和super( )的具体含义以及如何使用
      热门推荐
      江木
      02-08 2万+
      react中这两个API出镜率超级高，但是一直不太懂这到底是干嘛的，有什么用；今天整理一下，方便自己查看同时方便大家。 1.constructor( )-----super( )的基本含义 constructor( )——构造方法        这是ES6对类的默认方法，通过 new 命令生成对象实例时自动调用该方法。并且，该方法是类中必须有的，如果没有显示定义，则会默认添加空的
      ES6 class-继承 和 constructor中的super函数的使用
      sxs7970的博客
      05-11 994
      文章目录class-继承子类中constructor构造器中的super函数的使用注意事项 注意1：在 class 的 { } 区间内，只能写 构造器、静态方法、静态属性、实例方法； 注意2：class 关键字内部，还是用的原来的配方实现的，所以说，class 关键字，称作为 语法糖； class-继承 在class 类中， 通过使用 extends 实现继承的 语法：class A ext...
      Implement the constructor and the read() method in the ChangeToUpperCaseInputStream class. The constructor should call the constructor of the superclass and the read() method should read the data using the superclass's read() method and convert it to upper case before returning it. Right-click on the project name again and select "New -> Java Class". Name the class "ChangeToUpperCaseOutputStream" and make sure to select "extends FilterOutputStream" as the superclass. Implement the constructor and the write() method in the ChangeToUpperCaseOutputStream class. The constructor should call the constructor of the superclass and the write() method should convert the data to upper case before calling the superclass's write() method to write it to the output stream. Once you have implemented these classes, you can use them in your main program by creating an instance of the ChangeToUpperCaseInputStream or ChangeToUpperCaseOutputStream and passing it to your FileInputStream or FileOutputStream, respectively. This will allow you to read or write data in upper case.
      05-27
      Sure, here is an example implementation of the ChangeToUpperCaseInputStream and ChangeToUpperCaseOutputStream classes: ```java import java.io.*; public class ChangeToUpperCaseInputStream extends FilterInputStream { public ChangeToUpperCaseInputStream(InputStream in) { super(in); } @Override public int read() throws IOException { int c = super.read(); return (c == -1 ? c : Character.toUpperCase((char) c)); } } public class ChangeToUpperCaseOutputStream extends FilterOutputStream { public ChangeToUpperCaseOutputStream(OutputStream out) { super(out); } @Override public void write(int b) throws IOException { super.write(Character.toUpperCase((char) b)); } } ``` In the above code, the ChangeToUpperCaseInputStream class extends FilterInputStream and overrides the read() method to read the data using the superclass's read() method and convert it to upper case before returning it. Similarly, the ChangeToUpperCaseOutputStream class extends FilterOutputStream and overrides the write() method to convert the data to upper case before calling the superclass's write() method to write it to the output stream. To use these classes in your main program, you can create an instance of ChangeToUpperCaseInputStream or ChangeToUpperCaseOutputStream and pass it to your FileInputStream or FileOutputStream, respectively. Here is an example: ```java import java.io.*; public class MyProgram { public static void main(String[] args) throws IOException { FileInputStream in = new FileInputStream("input.txt"); ChangeToUpperCaseInputStream upperCaseIn = new ChangeToUpperCaseInputStream(in); FileOutputStream out = new FileOutputStream("output.txt"); ChangeToUpperCaseOutputStream upperCaseOut = new ChangeToUpperCaseOutputStream(out); int c; while ((c = upperCaseIn.read()) != -1) { upperCaseOut.write(c); } upperCaseIn.close(); upperCaseOut.close(); } } ``` In the above code, we first create a FileInputStream and wrap it in a ChangeToUpperCaseInputStream. We also create a FileOutputStream and wrap it in a ChangeToUpperCaseOutputStream. We then read data from the input stream using the read() method of the ChangeToUpperCaseInputStream and write data to the output stream using the write() method of the ChangeToUpperCaseOutputStream. Finally, we close both streams to release any resources they are holding.
      评论
      添加红包

      请填写红包祝福语或标题

      个

      红包个数最小为10个

      元

      红包金额最低5元

      当前余额3.43元 前往充值 >
      需支付：10.00元
      成就一亿技术人!
      领取后你会自动成为博主和红包主的粉丝 规则
      hope_wisdom
      发出的红包
      实付元
      使用余额支付
      点击重新获取
      扫码支付
      钱包余额 0

      抵扣说明：

      1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
      2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

      余额充值