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

北城余情 提交于 2020-05-02 01:28:55
初入公司,让写三个验证方法,验证邮箱,验证姓名,验证密码:

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

换一种方式:
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!