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

Posted 2021-02-20 vwvwvwgwgvervae

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

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可以链式调用

---

换一种方式：

推荐新余SEO（优化推广）