工厂模式

  

通过工厂Creator生成实例,避免构造函数名的更改造成影响,隔离开构造函数,统一创建实例的入口;

使用场景:

1.

       Array.prototype.slice.call(document.querySelectorAll('a'), 0)的作用就是将一个DOM NodeList 转换成一个数组。

class jQuery{
	constructor(selector){
		const slice=Array.prototype.slice;
		const dom=slice.call(document.querySelectorAll(selector));
		console.log(dom);
		let len=dom?dom.length:0;
		for(let i=0;i<len;i++){
			this[i]=dom[i];
		};
		this.length=len;
		this.selector=selector||'';
	}
	html(data){
    }
    append(){
    }
}
window.$=function(selector){
    //这里就是工厂模式,模拟JQ选择器,封装真正的构造函数,提供统一接口
	return new jQuery(selector);
}
console.log($('p'));

 

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

打赏作者

aliven1

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

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

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

打赏作者

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

抵扣说明:

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

余额充值