为何要进修设想形式？
做事变之前问个为何老是好的。关于设想形式的优劣，我在知乎上也看过一些议论，有知友对其提出过一些疑问，内里有一些关于设想形式的意见：
任何事物的涌现都有其原理，任何言语都有其不足的地方，设想形式是对言语不足的补充（Peter Norvig)。设想形式也是编程履历的总结，我想进修它对像我如许的前端新手的才能会有很大的提拔。
应用设想形式的优点
《Head First 设想形式》一书举了一个异常有意义的例子：
两个人点餐，一个人说：“我要一份涂了奶酪及果酱的白面包，加了香草冰淇淋的巧克力汽水..”；
别的一个人说：“给我一份C.J怀特，一个黑与白”。
表达一样的意义，效果却完整差别，这里就说到一个比较大的观点“同享辞汇”。
同享辞汇就是一组观点，行动，要领等等的鸠合，这个在任何行业都有效，就像中文菜名“回锅肉”，厨子晓得什么是回锅肉，你也晓得什么是回锅肉，假如没有回锅肉这个同享辞汇，我彷佛真的想不到一个适宜的形貌来点这道菜。
回到设想形式，种种设想形式就是一个个的同享辞汇，它不仅仅是一个称号，更是一整套形式背地所意味的质量，特性，束缚。
细说说它的优点：
设想形式能让你用更少的辞汇做更充足的沟通；
说话在形式条理时，不会被压低到对象和类这类噜苏的事变上；
懂设想形式的团队，彼此之间关于设想的意见不轻易发生误解；
同享辞汇能协助低级职员疾速生长。
总结一下设想形式的作用：
协助我们将应用组织成轻易相识，轻易保护，具有弹性的架构，竖立可保护的OO体系，要诀在于随时想到体系今后能够须要的变化以及敷衍变化的准绳。
设想形式的应用要领
关于应用体式格局，像我这类初学者最轻易犯的毛病就是生搬硬套，然则模拟原本也是进修的一个历程，最主要的事变是在模拟中要学会思索。我也是设想形式的初学者，所以我会经常使用这句话来提示本身，看过一句关于怎样最好的应用设想形式的话：
“把形式装进脑子里，然后在你的设想和已有的应用中，寻觅那边能够应用它们”。
这就有点像是张无忌演习太极拳了，忘了一切的形式吧，你已在耳濡目染的应用它了。固然假如你不学设想形式，你能够也在无认识的应用一些设想形式了，然则这个在跟学过今后再无认识的应用设想形式，应当隔着两重境地吧。
固然要到达这个境地，少不了大批的演习，固然也不能忘了设想是一门艺术，总有很多可弃取的处所。
设想形式的一些准绳
找出应用中能够须要转变的地方，把它们自力出来，不要和哪些不须要转变的代码混在一同（低耦合）；
针对接口编程，而不是针对完成编程；
关键在于多态，顺序能够针对超范例编程，实行时会依据现实状态实行到真正的行动，不会被绑死在超范例的行动上（在JavaScript中并没有超范例的观点。）我的明白是，接口能够明白为一个行动，而行动的详细完成则不必肯定。这一点在下文解说多态时会有一个越发详细的例子。多用组合，罕用继续
能够另有一些别的的准绳，现在，我还没有涉及到，在以后的进修历程当中，再补充。
须要相识的一些别的观点
要真正的明白设想形式，须要相识面向对象的一些基本观点：笼统，多态，封装和继续。
就JavaScript而言，由因而一门动态言语，在此不斟酌笼统这一观点。
多态
观点：统一操纵作用于差别的对象上时，能够发生差别的诠释和差别的实行效果。
比如说有两只动物，鸡和鸭，当发出敕令“叫”时，鸡会“咯咯咯“，鸭会”嘎嘎嘎“；
多态背地的头脑是将“做什么”和“谁去做以及怎样去做”星散开来，也就是将“稳固的事”和“可变的事物”星散开来。
多态的完成：归根究竟是要消弭范例之间的耦合关联，JS的变量范例在运行时是可变的，这意味着JS对象的多态性是与生俱来的。
多态的作用：经由过程把历程化的前提分支语句转化为对象的多态性，从而消弭这些前提分支语句。
看一个例子来明白多态：
// 只应用谷歌舆图
var googleMap = {
show: function() {
console.log('最先衬着谷歌舆图');
}
};
var renderMap = function() {
googleMap.show();
};
renderMap(); //输出：最先衬着谷歌舆图
// 好吧，谷歌在某些处所不好用，在某些要换成百度舆图了，
var googleMap = {
show: function() {
console.log('最先衬着谷歌舆图');
}
};
var baiduMap = {
show: function() {
console.log('最先衬着百度舆图');
}
};
var renderMap = function(type) {
if (type === 'google') {
googleMap.show();
} else if (type = 'baidu') {
baiduMap.show();
};
};
renderMap('google'); //输出：最先衬着谷歌舆图
renderMap('baidu'); //输出：最先衬着百度舆图
// 上述代码有一点的弹性，然则假如在替代舆图，转变的处所太多了，这里就能够应用多态性这个理念了,这里也把做什么和怎样做分开了
// 笼统出雷同部份,前提分支语句转化为对象的多态性
var renderMap = function(map){ //做什么
if (map.show() instanceof Function) {
map.show();
}
};
renderMap('google'); //输出：最先衬着谷歌舆图
renderMap('baidu'); //输出：最先衬着百度舆图
// 再增加一个搜搜舆图
var sosoMap = { // 怎样做
show: function() {
console.log('最先衬着搜搜舆图');
}
};
renderMap('soso'); //输出：最先衬着搜搜舆图
// 本例来自于《JavaScript设想形式与开辟实践》封装
封装的目标是将信息隐蔽,包括隐蔽数据，隐蔽完成细节，设想细节以及隐蔽对象的范例等。
封装分为四类：封装数据，封装完成，封装范例和封装变化
封装数据：
在很多面相对象体系中，封装数据是由语法剖析来完成的（private public proctected）;
JavaScript中没有对这些变量的支撑，只能应用变量的作用域来完成封装，只能模拟出 public、private 两种封装性。（ES6可用let），平常用函数来建立作用域。
封装完成：
使得对象内部的变化对其他对象而言是不可见的，对象对其本身的行动担任，使得对象之间的耦合变得松懈，对象之间只经由过程暴露API接口来通讯，修正一个对象时，能够随便地修正它的内部完成，只需对外的接口没有变化，就不会影响到顺序的别的功用。
封装范例：
对静态言语而言，是一种主要的封装体式格局，把对象的真正范例隐蔽在笼统类或许接口以后，Javascript没有这方面的支撑，因而也没有这方面的须要；
封装变化：
把体系中稳固稳固的部份和轻易变化的部份断绝开来，在体系的演化历程当中，我们只须要替代那些轻易变化的部份，假如这些部份是已封装好的，替代起来也相对轻易，这能够最大水平的保证顺序的稳固性和可扩展性
继续
说到继续，JavaScript最主要的观点能够在于原型链。
基于原型链的托付机制就是原型继续的实质。
一切的数据都是对象，JS的根对象是
Object.prototype对象，它是一个空对象；要获得一个对象，不是经由过程实例化类而是找到一个对象作为原型来克隆它；
对象会记着它的原型；就JS而言，对象的原型现实上是其组织器的原型（new），包括在其隐蔽属性
_proto_中；假如对象没法相应某个要求，它会把这个要求托付给本身的原型。
JavaScript的原型最初都是由Object.prototype对象克隆而来；
对象组织器的原型并不限于Object.prototype,能够动态的指向其他对象；
A.prototype=obj原型链并不是无穷长，到顶（Object.prototype）今后，假如没有找到就会返回undefined；
本文是我进修设想形式的第一篇笔记，内里如有不适当的处所，迎接随时指出，也愿望您看完本文，跟我一样有所收成。
参考书本
