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

2021-03-13 23:30

阅读：523

标签：asc 链式 oom oschina 验证邮箱 ram scn 变量 object

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


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();