Emberjs之Observer

最新推荐文章于 2021-06-23 01:00:59 发布

weixin_30522095

最新推荐文章于 2021-06-23 01:00:59 发布

阅读量156

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/cuiyansong/p/4550681.html

本文详细介绍了Ember.js框架中Observer特性的使用方法及其应用场景。包括Observer的行为特点、如何监听属性变化并做出响应，以及如何实现多个Observer监听同一属性等功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Observer

Person.reopen({
  fullNameChanged: Ember.observer('fullName', function() {
    // deal with the change
  })
})

或者：

Person.reopen({
  partOfNameChanged: function() {
    // Because both firstName and lastName were set, this observer will fire twice.
  }.observes('firstName', 'lastName')
});

或者：

person.addObserver('fullName', function() {
  // deal with the change
});

1. Observer特性

1.1 行为上为同步执行，当监测的属性发生变化时，立即触发Observer的事件回调方法。

1.2 Ember.run.once(....)，当监听多个属性时，可以指定大家都同步返回比做处理。

1.3 Observer('xxxx').on('init') 意味着在init方法执行之后会立即执行observer，并继续监听xxxx属性是否改变。

1.4 允许多个observer监听同一个CP属性。

1.5 Observer允许依赖于链式属性，当其中任意节点属性发生改变时，Observer触发。

1.6 Observer不允许监听不在同一个包内的属性。

1.7 Observer不允许在执行observer方法时移除Observer。

2. Observer场景

2.1 可用于监听依赖属性的改变，然后在进行相应的事件处理。Observer监听CP属性，只有当CP属性发生改变后才触发Observer。

2.2 Observer可以监听多属性，当每一个属性发生变化时，会多次顺序触发Observer方法。

2.3 可以多Observer监听同一个属性。

2.4 一个监听属性变化，控制Timer的例子：

,,,

转载于:https://www.cnblogs.com/cuiyansong/p/4550681.html