Sencha Touch - 類系統

Sencha Touch 是一個具有面向物件程式設計功能的 JavaScript 框架。Sencha Touch 類系統基於 Ext JS 4 標準。Ext 是封裝了 Sencha Touch 中所有類的名稱空間。

在 Sencha Touch 中定義一個類

Ext 提供了 300 多個類，我們可以將其用於各種功能。

Ext.define() 用於在 Sencha Touch 中定義類。

語法

Ext.define(class name, class members/properties, callback function);

類名根據應用程式結構是類的名稱。例如，appName.folderName.ClassName studentApp.view.StudentView。

類屬性/成員定義類的行為。

回撥函式是可選的。當類已正確載入時，將呼叫該函式。

Sencha Touch 類定義示例

Ext.define(studentApp.view.StudentDeatilsGrid, {
   name: 'StudentName,
   read: function(bookName){
      console.log(this.name +’is reading ’bookName);
   }
});

建立物件

與其他基於 OOP 的語言一樣，我們也可以在 Sencha Touch 中建立物件。

在 Sencha Touch 中使用 new 關鍵字建立物件的方法 -

var studentObject = new student();
studentObject.read(‘History’);

控制檯輸出將為 StudentName 正在讀取歷史記錄。