js读书乱炖之初级设计模式

初入公司，让写三个验证方法，验证邮箱，验证姓名，验证密码：

function checkName() {}

function checkEmail() {}

function checkPassword() {}

 

---

等价于:

var checkName = function() {};
var checkEmail = function() {};
var checkPassword = function() {};

 

---

这两种都是建立了全局变量，容易跟别人命名冲突，形成函数变量覆盖，更好的作法能够将它们放在一个变量中保存，避免覆盖。 即用对象收编变量。这样不容易冲突

var checkObject = {
checkName: function() {},
checkEmail: function() {},
checkPassword: function() {}
};

 

---

var CheckObject = function() {};
CheckObject.checkName = function() {};
CheckObject.checkEmail = function() {};
CheckObject.checkPassword = function() {};

 

---

---

类的声明方式：也不久相互影响，至关于复制了一份同样，建立了一个新的实例。用类建立对象

 

将方法挂载到原型上： 经尝试，不会相互影响。实例里有checkName的方法，__proto__也有这个方法，则优先访问实例中的方法。

 

加入我想调用这个类下的三个方法：则： a须要写三遍：

var CheckObject = function() {
this.checkName = function() {
console.log(111);
};
this.checkEmail = function() {
console.log(222);
};
this.checkPassword = function() {
console.log(333);
};
};

var a = new CheckObject();

a.checkName();
a.checkEmail();
a.checkPassword();

 

---

将this返回则能够链式调用：

var CheckObject = function() {
this.checkName = function() {
console.log(111);
return this;
};
this.checkEmail = function() {
console.log(222);
return this;
};
this.checkPassword = function() {
console.log(333);
return this;
};
};

var a = new CheckObject();

a.checkName()
.checkEmail()
.checkPassword();

 

---

咱们能够给JS的内置对象类提供方法：可是这种作法并很差。别人建立的函数会被你建立的函数污染。

---

下面这个写法能够给具体实例添加方法：

---

在公共方法addMethod中return this能够链式调用

---

换一种方式：