Jan 22

JSCommon-Module in Titanium Appcelerator: setInterval in JavaScript-Class

Appcelerator, iOS, JavaScript Keine Kommentare »

Für mich persönlich stellt JavaScript seit einiger Zeit immer wieder eine große Herausforderung dar. Insbesondere seit in Titanium Appcelerator das JSCommon Framework zum Einsatz kommen darf und soll. Meine erste iPad-App soll nun endlich fertig werden und ich stand vor der Herausforderung innerhalb einer Klasse setInterval für periodische Aufgaben benutzen zu wollen. Jede Klassen-Instanz sollte natürlich seinen eigenen Timer benutzen. Hier ist meine Lösung – runtergekocht auf eine Minimal-App bestehend aus der obligatorischen app.js und dem Module processingQueue.js:

Als Screenshots:

app.js - titanium appcelerator

Die eigentliche OOP-Klasse

 

Und hier nochmal als Quelltext zum rauskopieren :-)

Die Datei app.js instanziert zwei Objekte der Klasse processingQueue

  1. // App.js
  2. var pq = require('modules/processingQueue');
  3.  
  4. Ti.API.info("Erstelle PQ1:");
  5. PQ1 = new pq.processingQueue(200, "-Eins");
  6. Ti.API.info("Erstelle PQ2:");
  7. PQ2 = new pq.processingQueue(500, "#Zwei");

 

Das JSCommon Module processingQueue implementiert die gleichnamig Klasse, die ein Timer-Objekt initialisiert:

  1. // JavaScript Object Class processin Queue using JSCommon Modules
  2.  
  3. // Constructor:
  4. function processingQueue(timerInterval, theName) {
  5. this.myName = theName;
  6.  
  7. if(!(this.queueTimerHandle)) {
  8. var holder = this;
  9. this.queueTimerHandle = setInterval( function() {
  10. holder.applicationQueueProcessing(holder);
  11. }, timerInterval);
  12. }
  13. };
  14.  
  15. // This function is called timer based
  16. processingQueue.prototype.applicationQueueProcessing = function(me) {
  17. Ti.API.info("Processing Queue Name:" + me.myName);
  18. }
  19.  
  20. exports.processingQueue = processingQueue;

Ich hoffes es hilft jemandem…