JavaScript设计模式(biaoyansu)

1.构造器模式——创建类模式

 

ES6:
class Student{
constructor(score,quality){
this.score = score
this.quality = quality
}
sumScore(){
return this.score + this.quality
}
}

ES5:
function Student(name,gender,score){
this.name = name;
this.gende = gender;
this.score = score;
this.quality = 100;

this.sumScore = function() {
return this.score + this.quality
}
}

面向对象的思想

每个对象可以随着事件的推移自己内在发生变化而不去影响其他对象

2.原型模式——创建类模式

 

// 如果是王花花和李栓蛋两个对象,没必要每个人都有一个sumScore这个函数,引用同一个就行

function Student(name,gender,score){
this.name = name;
this.gende = gender;
this.score = score;
this.quality = 100;

this.sumScore = sumScore
}

function sumScore() {
 return this.score + this.quality
}

使用原型模式书写:

function Student(name,gender,score){
this.name = name;
this.gende = gender;
this.score = score;
this.quality = 100;

}

Student.prototype.sumScore =  function(){

return this.score + this.quality

}

原型模式的应用:

roster(花名册、记事簿 bu) rooster(公鸡