微动分享:JS构造函数与工厂函数

分享者:赵伟

今天分享的有点偏底层原理了,先来感受一下吧!

?什么东东

这是地图吧,这么多弯弯绕。

是的,这就是一张地图,它告诉我们JS的世界是如何规划的!

我看这个上面好多的 function,那是什么呢,一定很重要吧!

那是函数!

想像一下,我们生活中的银行、卖场、餐馆等...

我要吃饭,去餐馆

我要取钱,去银行

我要购物,去卖场

发现什么规律了没?

我们做不同的事情,就需要去不同的场所。

这跟function有什么关系呢?

function就相当于餐馆、银行、卖场,每个函数都有自己职能,不能乱用!

恩,有点明白了!

那我们继续,说说构造函数。

构造?看明面意思好像是要创建什么是的。

你去餐馆吃饭,要有一个服务员为你服务吧,那同样的你使用函数也要找一个服务员啊。

构造函数就是为你提供一个服务员。

//构造函数:餐馆
function Person(name,age){
       this.name = name;
       this.age  = age;
}
//提供一个服务员
var p1=new Person('服务员',21);

一个餐馆的服务员衣服都一样,都是白色的!

//工厂函数:创建的对象都一样
function createPerson(name,age) {
   return {
     name: name,
     age: age,
     color: 'white'  //都穿着白色的衣服
   };
 }

//提供多个服务员
var p1 = createPerson('服务员1',20);
var p2 = createPerson('服务员2',21);
var p3 = createPerson('服务员3',20);

函数,如果你要专门做一类事情,你需要一个函数

构造函数,创建一个对象(服务员)为你提供具体服务

工厂函数,创建多个对象(看上去一样的)为你(你们)提供具体服务

火爆啊
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容