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());
写回答
-
简单直白一点儿就是，这就是 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.calculate2019-07-17 19:16:51赞同 展开评论 打赏
版权声明：本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
