js策略模式的疑惑
var performanceS=function(){};
performanceS.prototype.calculate=function(salary){
return salary*4;
}
var performanceA=function(){};
performanceA.prototype.calculate=function(salary){
return salary*3;
}
var performanceB=function(){};
performanceB.prototype.calculate=function(salary){
return salary*2;
}
var Bonus=function(){
this.salary=null;
this.strategy=null;
};
Bonus.prototype.setSalary=function(salary){
this.salary=salary;
}
Bonus.prototype.setStrategy=function(strategy){
this.strategy=strategy;
}
Bonus.prototype.getBonus=function(){
//这里的calculate是另外三个对象原型下的方法这为什么不报错,是怎么实现的
return this.strategy.calculate(this.salary);
}
var bonus=new Bonus();
bonus.setSalary(10000);
bonus.setStrategy(new performanceS());
console.log(bonus.getBonus());//40000
bonus.setStrategy(new performanceA());
console.log(bonus.getBonus());//30000
jquery javascript闭包 JavaScript javascript面向对象
Answers
看代码:
Bonus.prototype.setStrategy=function(strategy){
this.strategy=strategy;
}
Bonus.prototype.getBonus=function(){
//这里的calculate是另外三个对象原型下的方法这为什么不报错,是怎么实现的
return this.strategy.calculate(this.salary);
}
为什么这里没报错,因为你 bonus.setStrategy(new performanceS());传入了performanceS的实例对象,
this.strategy的值就是performanceS的实例对象当然可以使用其原型下的calculate()方法,所以没报错。
涉及知识点 原型链 ,函数创建的时候会自动创建的,自己找相关资料看看就知道怎么回事了
简单直白一点儿就是,这就是 js 用类创建对象的方式,可以把
performance
看成是类名,然后
new performace
就是这个类生成的对象。
var a = new performance
,具体细节(简化的)是:
-
创建一个对象,
obj
-
obj.[[prototype]] = perfomance.prototype
; // 这个属性原本不可以用 js 访问,后来 w3c 把它添加到了标准中,后来使用了新的接口所以又去掉了,但是在 firefox 和 chrome 实现也保留了这个属性叫做__proto__
,你可以在他们的调试窗口看到。 -
令
this = obj
,然后执行perfomance
中定义的代码; -
假设上一步
perfomamce
的返回值是'ret'。 如果ret
是对象,那么a = ret
, 否则a = obj
;
然后就是访问
a
的属性(读取,先不谈写入)的时候,给出一个属性,
calculate
,首先看
a.calculate
是否存在,如果不存在就试图访问
a.[[prototype]].calculate
,如果还不存在就访问
a.[[prototype]].calculate
。。。。
这就是 js 的原型链,自己百度找其他参考资料(为什么有人一次又一次的问这个问题)
所以你的代码就是
a.calculate
就是
a.[[prototype]].calculate
也就是
perfomance.prototype.calculate
具体可以参考 ecma-262 不过写的比较不容易懂
http://ecma-international.org/publications/standards/Ecma-262.htm