观察者和异步（Observers and Asynchrony）

优质

小牛编辑

126浏览

2023-12-01

观察者在Ember.js中是同步的，当观察者的一个属性得到更新时，它会立即触发

例子 (Example)

只要他们观察到的一个属性发生变化，就会触发以下示例 -

import Ember from 'ember';
export default function() {
   var Person = Ember.Object.extend ({
      fName: null,
      lName: null,
      //Defining the Details1 and Details2 computed property function
      Details1: Ember.computed('fName', 'lName',function() {
         return this.get('fName')+' '+this.get('lName');
      }),
      Details2: Ember.observer('Details1', function() {
         this.set('fName','Will');
         this.set('lName','Smith');
      })
   });
   //initializing the Person details
   var person = Person.create ({
      //initial value of fName and lName varialble
      fName: 'Mark',
      lName:'Waugh'
   });
   //updating the value for 'fName and lName' using set() method
   document.write('<strong>The updated name : </strong>' +person.get('Details1'));
}

现在打开app.js文件并在文件顶部添加以下行 -

import observerasynchrony from './observerasynchrony';

其中，observerasynchrony是指定为“observerasynchrony.js”并在“app”文件夹下创建的文件的名称。

接下来，在导出之前调用底部的继承“observerasynchrony”。它执行observerasynchrony函数，该函数在observerasynchrony.js文件中创建 -

observerasynchrony();

输出 (Output)

运行ember服务器，您将收到以下输出 -