博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
前端开发模式
阅读量:5051 次
发布时间:2019-06-12

本文共 1220 字,大约阅读时间需要 4 分钟。

现在很多前端开发的小伙伴对前端开发模式不是很了解,现在我写一些自己的学习心得和大家共享,希望有所收获!

首先第一个开发模式:工厂模式:

工厂模式顾名思义即是通过一个工厂去制造出很多相似的产品出来,就比如类似的汽车,火车,飞机等这些相似的产品,在流水线上制造出来,这样可以节省开发的时间,提高开发开发效率;

function createPerson(name,age,job){

var o = new Object();

o.name = name;

o.age = age;

o.job = job;

o.sayName = function(){

alert(this.name);

}

 

}

var person1 = createPerson('张三',28,'engineer');

var person2 = createPerson('李四',25,'engineer');

通过createPerson()函数,首先在函数内部定义一个对象,然后给这个对象定义一的属性,通过参数形参传递到函数内部的对象上,给对象定义name,age,job等属性,然后就可以在使用这个工厂函数,传入你想制造等人的名字,年龄,工作,就可以制造出来多个不同的对象出来;

第二个是构造函数模式

function Person(name,age,job){

this.name = name;

this.age = age;

this.job = job;

this.sayName = function(){

alert(this.name)

}

}

 

 

var person1 = new Person('张三',29,'工程师');

var person2 = new Person('李四',29,'设计师');

 

 

var person1 = new Person('张三',29,'工程师');

var person2 = new Person('李四',29,'设计师');

 

 

第三个:原型模式

function Person(){

 

}

Person.prototype.name = 'Nicholas';

Person.prototype.age = 29;

Person.prototype.job = 'soft engineer';

Person.prototype.sayName = function(){

alert(this.name);

};

var person1 = new Person();

person1.sayName();

var  person2 = new Person();

person2.sayName();

alert(person1.sayName == person2.sayName));

 

 

 

 

 

转载于:https://www.cnblogs.com/chenjianbo/p/6714998.html

你可能感兴趣的文章
EntityFramework 性能优化
查看>>
【ASP.NET开发】菜鸟时期的ADO.NET使用笔记
查看>>
android圆角View实现及不同版本号这间的兼容
查看>>
OA项目设计的能力③
查看>>
Cocos2d-x3.0 文件处理
查看>>
全面整理的C++面试题
查看>>
Activity和Fragment生命周期对比
查看>>
查找 EXC_BAD_ACCESS 问题根源的方法
查看>>
日常报错
查看>>
list-style-type -- 定义列表样式
查看>>
Ubuntu 编译出现 ISO C++ 2011 不支持的解决办法
查看>>
Linux 常用命令——cat, tac, nl, more, less, head, tail, od
查看>>
VueJS ElementUI el-table 的 formatter 和 scope template 不能同时存在
查看>>
Halcon一日一练:图像拼接技术
查看>>
iOS设计模式 - 中介者
查看>>
centos jdk 下载
查看>>
HDU 1028 Ignatius and the Princess III(母函数)
查看>>
(转)面向对象最核心的机制——动态绑定(多态)
查看>>
token简单的使用流程。
查看>>
django创建项目流程
查看>>