面试被问及到js中的观察者模式,这玩意儿早就了解过,可以说是动态语言中非常有用的一个设计模式,非常惭愧的没有系统的研究过。不过没关系,哪里不会补哪里,立刻动手,用所会的语言都实现一遍。
观察者模式
关于观察者模式,《松本行弘的程序世界》讲的非常清楚:观察者模式是当某个对象状态发生变化时,依存于该状态的全部对象自动得到通知,被观察者和观察者们是一对多的关系。书中还举了一个非常易懂的例子:获取系统当前时间并输出到命令行中。如果要硬编码也很简单,定义一个方法,先获取时间,然后再处理展示。这样获取时间的功能基本就不能复用了,因为带了个处理展示的拖油瓶。
如果用观察者模式则可以这样:定义两个类,一个用于计时,获取当前时间;另一个用于展示时间。展示时间的类就是观察者,这样做的好处是降低相互的依赖性。第一个类改变后不需要处理任何事物,只需要发出通知告诉它的观察者们,具体事物由它们处理。比如有一天我们想换种形式展示时间,或者用多种方式展示时间,完全不需要牵扯到第一个类。
PS:《松本行弘的程序世界》真是一本好书。起初是想把这本书当做ruby教程来读的,后来发现根本不是,书中用非常易懂的语言深入浅出的讲明白了很多深奥的哲学思想。虽然这本书对我这种刚入门的菜鸟来说几乎没有什么实用价值,但是读完之后有种豁然开朗的感觉,是一次非常好的阅读体验。
ruby实现
用ruby实现观察者模式简直简单清晰的令人发指,上代码:
复制代码 代码如下:
require "observer"
#被观察者
class Subject
include Observable
def notify
#do sth
changed #更新标志为真
notify_observers(*args) #如果更新标志为真,调用观察者带参数args的方法
end
end
#观察者
class Obs
#回调函数,好像只能这么叫
def update
#do sth
end
end
#实例
sub = Subject.new
sub.add_observer(Obs.new)
sub.notify
没错,就是这么简单。。。
主要是依靠Observer模块,除了上面用到的,此模块还有如下接口:
1.delete_observer(obj) 删除特定的观察者
2.delete_observers 删除全部观察者
3.count_observers 获取观察者数目
4.changed"codetitle">复制代码 代码如下:
//被观察者
class Subject
{
private $_observers;
public function __construct() {
$this->_observers = array();
}
public function add_observer($obs) {
$this->_observers[] = $obs;
}
public funtion delete_observer($bos) {
$index = array_search($bos, $this->_observers);
unset($this->_observers[$index]);
}
public function notify_observers() {
foreach($this->_observers as $v) {
$v->update();
}
}
}
//观察者
class Observer
{
public function __construct() {
do sth;
}
public function update() {
do sth;
}
}
//实例
$sub = new Subject();
$obs = new Observer();
$sub->add_observer($obs);
$sub->notify_observers();
js实现
js实现起来也不麻烦,就是得写些工具函数方便用,比如删除数组指定的元素。下面只用最简单的实现方法。
复制代码 代码如下:
//被观察者
function Subject() {
var _this = this;
this.observers = [];
this.addObserver = function(obj) {
_this.observers.push(obj);
}
this.deleteObserver = function(obj) {
var length = _this.observers.length;
for(var i = 0; i < length; i++) {
if(_this.observers[i] === obj) {
_this.observers.splice(i, 1);
}
}
}
this.notifyObservers = function() {
var length = _this.observers.length;
console.log(length)
for(var i = 0; i < length; i++) {
_this.observers[i].update();
}
}
}
//观察者
function Observer() {
this.update = function() {
alert(1)
}
}
var sub = new Subject();
var obs = new Observer();
sub.addObserver(obs);
sub.notifyObservers();
var sub = new Subject();
结论:ruby可以让我们专注于程序设计本身,而不是程序的语法和特性。js灵活多变,是一门完备的编程语言除了生孩子什么都能实现,就是玩起来要下点功夫。php嘛,中规中矩,没啥好说的。
这仨程序都跑起来后算是彻底明白这个设计模式了。
《魔兽世界》大逃杀!60人新游玩模式《强袭风暴》3月21日上线
暴雪近日发布了《魔兽世界》10.2.6 更新内容,新游玩模式《强袭风暴》即将于3月21 日在亚服上线,届时玩家将前往阿拉希高地展开一场 60 人大逃杀对战。
艾泽拉斯的冒险者已经征服了艾泽拉斯的大地及遥远的彼岸。他们在对抗世界上最致命的敌人时展现出过人的手腕,并且成功阻止终结宇宙等级的威胁。当他们在为即将于《魔兽世界》资料片《地心之战》中来袭的萨拉塔斯势力做战斗准备时,他们还需要在熟悉的阿拉希高地面对一个全新的敌人──那就是彼此。在《巨龙崛起》10.2.6 更新的《强袭风暴》中,玩家将会进入一个全新的海盗主题大逃杀式限时活动,其中包含极高的风险和史诗级的奖励。
《强袭风暴》不是普通的战场,作为一个独立于主游戏之外的活动,玩家可以用大逃杀的风格来体验《魔兽世界》,不分职业、不分装备(除了你在赛局中捡到的),光是技巧和战略的强弱之分就能决定出谁才是能坚持到最后的赢家。本次活动将会开放单人和双人模式,玩家在加入海盗主题的预赛大厅区域前,可以从强袭风暴角色画面新增好友。游玩游戏将可以累计名望轨迹,《巨龙崛起》和《魔兽世界:巫妖王之怒 经典版》的玩家都可以获得奖励。
更新动态
- 凤飞飞《我们的主题曲》飞跃制作[正版原抓WAV+CUE]
- 刘嘉亮《亮情歌2》[WAV+CUE][1G]
- 红馆40·谭咏麟《歌者恋歌浓情30年演唱会》3CD[低速原抓WAV+CUE][1.8G]
- 刘纬武《睡眠宝宝竖琴童谣 吉卜力工作室 白噪音安抚》[320K/MP3][193.25MB]
- 【轻音乐】曼托凡尼乐团《精选辑》2CD.1998[FLAC+CUE整轨]
- 邝美云《心中有爱》1989年香港DMIJP版1MTO东芝首版[WAV+CUE]
- 群星《情叹-发烧女声DSD》天籁女声发烧碟[WAV+CUE]
- 刘纬武《睡眠宝宝竖琴童谣 吉卜力工作室 白噪音安抚》[FLAC/分轨][748.03MB]
- 理想混蛋《Origin Sessions》[320K/MP3][37.47MB]
- 公馆青少年《我其实一点都不酷》[320K/MP3][78.78MB]
- 群星《情叹-发烧男声DSD》最值得珍藏的完美男声[WAV+CUE]
- 群星《国韵飘香·贵妃醉酒HQCD黑胶王》2CD[WAV]
- 卫兰《DAUGHTER》【低速原抓WAV+CUE】
- 公馆青少年《我其实一点都不酷》[FLAC/分轨][398.22MB]
- ZWEI《迟暮的花 (Explicit)》[320K/MP3][57.16MB]