Was ist die Verwendung von callParent

Als Sie in Ihrer Frage erwähnt this.callParent(arguments) ruft die entsprechende Funktion in der super-Klasse.

Ist, das Aufrufen this.callParent(arguments) in einem Konstruktor ruft den Konstruktor der super-Klasse, die erweitert wird.

In dem tutorial erwähnt, Dies ist, was der Autor tut.

launch: function () {
  //This line simply calls the super class(Ext.app.Controller) launch function  
  this.callParent(arguments);
  var notesStore = Ext.getStore("Notes");
  notesStore.load();
  console.log("launch");
},

 init: function () {
  //This line simply calls the super class(Ext.app.Controller) init function   
  this.callParent(arguments); 
  console.log("init");
 }

Aber warum tut er das, ich bin nicht sicher, weil es gibt keine Notwendigkeit, rufen Sie Ext.app.Controller Klasse init und launch Funktion in diesem tutorial.

Lassen Sie mich erklären mit Beispiel

1) Schaffung von super-Klasse aufgerufen Main

Ext.define('MyApp.controller.Main', {
    extend: 'Ext.app.Controller',

    launch: function () {
       console.log("Main launch");
    },      

    init: function () {
       console.log("Main init");
    },    

    config: {

    } 
});

2) Erstellen Sie eine Unterklasse SubMain erweitert MyApp.controller.Main

Ext.define('MyApp.controller.SubMain', {
    extend: 'MyApp.controller.Main',

    launch: function () {
        this.callParent(arguments);
       console.log("launch");
    },

     init: function () {
        this.callParent(arguments);
       console.log("init");
     },

    config: {
    }
});

Wenn Sie jetzt Ihre Anwendung ausführen, die Konsole.melden werden wir in super-und Unterklasse wird, drucken Sie Folgendes in der browser-Konsole

Ausgabe

Main init 
Main init 
SubMain init 
Main launch 
Main launch
SubMain launch 

Da wir wissen, dass, wenn wir die Anwendung starten init und launch Funktion jedes Reglers wird ein mal aufgerufen wird.

Aber, sehen Sie Haupt-init & Haupt-Start-Funktion wird zweimal aufgerufen, Warum?

Der Grund, warum es heißt init und Start-Funktion des super-Klasse ist wieder da, die wir this.callParent(arguments); im init and launch Funktion SubMain, dass ruft die init-und Start-Funktion von Main(super Klasse) Klasse wieder einmal.

Es gibt noch mehr, Was über arguments welche an in callParent Funktion

Argumente ist ein besonderer parameter.

Nun, lassen Sie uns ein Beispiel nehmen, um zu testen

Ext.define('Mail.controller.Messages', {
    extend: 'Ext.app.Controller',

    config: {
        refs: {
            viewer: 'messageviewer',
            messageList: 'messagelist'
        },
        control: {
            messageList: {
                itemtap: 'loadMessage'
            }
        }
    },

    loadMessage: function(item) {
        this.getViewer().load(item);
    }
});

Mail.controller.phone.Messages Klasse erweitert Mail.controller.Messages bedeutet dies einfach die gesamte Konfiguration und Funktionen vererbt werden.

 Ext.define('Mail.controller.phone.Messages', {
    extend: 'Mail.controller.Messages',

    config: {
        refs: {
            main: '#mainPanel'
        }
    },

    loadMessage: function(item) {
        //Without this line loadMessage function of super class will not be invoked
        this.callParent(arguments);
        this.getMain().setActiveItem(1);
    }
});

Nun, wenn der Benutzer Registerkarten auf ein Element in messageList die loadMessage Funktion in Mail.controller.phone.Messages Klasse aufgerufen wird.

Haben auch wir platziert this.callParent(arguments); bei loadMessage - Funktion, so dass erste Mail.controller.Messages Klasse loadMessage - Funktion aufgerufen und dann this.getMain().setActiveItem(1); Zeile ausgeführt wird.

Wie bereits erwähnt loadMessage Funktion in Mail.controller.Messages wird nicht aufgerufen werden, bis Sie this.callParent(arguments); im loadMessage Funktion bei Mail.controller.phone.Messages Klasse.

Beachten Sie, dass item argument wird nur übergeben, um loadMessage Funktion Mail.controller.phone.Messages, aber loadMessage Funktion Mail.controller.phone.Messages bekommt immer noch die item argument, Wie ?

Es ist, Weil der arguments Sie übergeben this.callParent Funktion innerhalb loadMessage Funktion Mail.controller.phone.Messages Klasse.