EmberJS 對象模型

2018-10-13 15:54 更新

面向?qū)ο蟮姆治龊驮O(shè)計技術(shù)被稱為對象建模。在Ember.js中,所有對象都來自Ember.Object。

類和實例

類是一個模板或藍色打印,具有變量和函數(shù)的集合,其中作為實例與該類的對象相關(guān)。

您可以使用Ember.Object的extend()方法創(chuàng)建新的Ember類,如下所示:

App.NameOfClass = Ember.Object.extend({
   VariableName1:'values',
   ..
   VariableNamen:'values',
   FunctionName: function(thing)
   {
      //display logic
   }
});

NameOfClass和FunctionName是類的名稱和在類中定義的函數(shù)的名稱。

讓我們看看如何使用基類來擴展子類,如下所示:

App.Student = Ember.Object.extend({
   disp: function() {
      var roll = this.get('rollnum');
      var name = this.get('name');
      document.write("Roll num: "+roll+" Name: "+name);
   }
});

App StudentInfo = App.Student.extend({
   rollnum:"12",
   name: "Jhon",
});

在上面的代碼中,基類的名稱是Student,StudentInfo是子類,它由基類擴展。disp是在基類中聲明的函數(shù)的名稱,顯示學(xué)生信息。您可以使用_super()方法來立即引用父類方法。

下表顯示如何創(chuàng)建Ember類的實例:

序號實例和說明
1創(chuàng)建和初始化實例
通過調(diào)用create()方法創(chuàng)建該類的實例化,并使用init()方法自動初始化該類的實例。

讓我們通過點擊以下鏈接看到一些關(guān)于對象模型的更多詳細信息:

什么時候使用計算屬性,觀察器和綁定

  • 計算屬性將函數(shù)聲明為屬性。您可以通過將計算屬性定義為一個函數(shù)來創(chuàng)建一個,當(dāng)您請求屬性時,ember.js會自動調(diào)用。對計算的屬性的多次調(diào)用將始終返回相同的值。

  • 如果兩個或多個對象之間存在關(guān)系,則使用Observer模式,例如,如果一個對象被更新,其依賴對象將被自動通知。

  • 綁定有助于組合兩個不同的層使同步。


以上內(nèi)容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號