js设计模式——把方法集中到函数内部中

我们不能总是在全局创建并调用方法,这样会污染环境,更加可怕的是在多人协作的过程中,万一设计命名重复了。就是一个很难受的情况,所以我们把函数封装到另一个函数中(函数本身是对象),然后再去调用它。

一、将方法放置在类函数中

 var parentAll= function()
{
	this.a = () => {
		//方法1
	}
	this.b = () => {
		//方法2
	}
	this.c = () => {
		//方法3
	}
}

实例化调用,这样每一个实例出来的对象都是一个新的方法类

var parent = new parentAll();
parent.a();//调用a方法

二、将方法放置在prototype 原型中

 var parentAll= function(){};
 parentAll.prototype = {
	 a: function(){ 
	 	//方法一
	},
	 b(){},
	 c(){},
}

实例化调用,这样每一个实例出来的对象都是同一个方法。
注意:后面为原型对象赋值时,会覆盖之前对象的赋值方法


可以写成下面形式

var parentAll = {
	a: function(){
		//方法1
		return this;
	},
	b(){
		//方法2
		return this;
	},
	c(){
		//方法3
		return this;
	},
}

可以进行链式调用,不需要实例化

parentAll.a().b().c()

这样的方式也可以写道类的原型链中,调用时候需要先实例化一个新的对象

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

ldz_miantiao

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值