什么是设计模式。
  回答这个问题,往往我们得先知道我们为什么需要设计模式,正是因为有需求才会有设计模式,难道不是吗?

我们为什么需要设计模式。
  如果没有按照设计模式去写,你的代码很可能是乱无肆忌写的,也就是随心所欲,想怎么写就怎么写,反正只要出效果就行,好像是没啥问题,但好像又有问题,因为你根本就不知道这段代码在将来会发生什么问题,因此这段代码是不可预测的,另外一点你的代码废话可能会多一些,等等,如果用设计模式来写,往往可以解决这些问题。

那么究竟什么是设计模式。
  其实在‘我们为什么需要设计模式’这段话中已经提到了几点,如果从教学层面来说什么是设计模式的话,可以理解为设计模式就是一种经验,就是前人已经尝试过某些写法,他们知道怎么去写会好一些,怎么去写可能会出错。因此我们只需要按照他们的方式去写代码,就可以解决我们程序中的一些问题。

什么是多态。
  我们知道面向对象其中有一项就是多态,但网上很少有去讲JS多态的问题,主要原因就是JS天生就是多态的。
  如下:

  var a = 10;

a = 'hello world';

  JS可以随意更改变量类型,主要原因就是JS是动态脚本语言,决定变量类型是在运行这段代码时决定的,而不像传统语言在编译的时候就决定了。
  

  再看下面一段代码:  

  function fn(name){
    alert(name);
     }
  fn('zhuimengzi');
  fn('追梦子');  

  根据传入的参数可以打印不同的值。
  多态指的就是同一操作,作用在不同对象上可以产生不同的结果。也想象成动态的,多态多态,不就是指多种形态。
  再如:

  

function Hello(why){
  why.sayHello();
}

var a = {sayHello:function(){alert('我是A')}};
var b = {sayHello:function(){alert('我是B')}};

Hello(a);
Hello(b);

  好像这没啥用吧?如果粗略的看好像是没啥,但细看,却是一种思想,我们来看

  

function Hello(why){
  why.sayHello();
}

var a = {sayHello:function(){alert('我是A')}};
var b = {sayHello:function(){alert('我是B')}};

Hello(a);
Hello(b);

  这段代码其实是有分工的,Hello这个函数它只做一件事就是让一个对象执行一个方法。并不在乎是哪个对象。多态的核心思想就是做什么,和谁去做是分开来的,再看“同一操作,作用在不同对象上可以产生不同的结果。”这句话,这里强调了同一操作,也就是操作同一个东西它可以产生多面性。也就是说Hello里面的代码必须有复用性。你不能说我传另外一个对象,你就不能用了。

鸭子类型。
  鸭子类型即,我不至于你是什么,比如我们经常看电影听到的,我不在乎你长得漂不漂亮,只要是个女的就行,等等这类。再如:我不管你怎么写,你给我提供一个接口就行。对应代码:

var json = {fn:function(){}};
if(json.fn&&(typeof json.fn)==='function'){
  alert('ok');
}

只要有json.fn这个方法就行,我不管你怎么写的,和我没关系。

转载于:https://www.cnblogs.com/pssp/p/5784721.html

初了解JS设计模式,学习笔记相关推荐

  1. 7 种 Javascript 常用设计模式学习笔记

    7 种 Javascript 常用设计模式学习笔记 由于 JS 或者前端的场景限制,并不是 23 种设计模式都常用. 有的是没有使用场景,有的模式使用场景非常少,所以只是列举 7 个常见的模式 本文的 ...

  2. java/android 设计模式学习笔记(1)--- 单例模式

    前段时间公司一些同事在讨论单例模式(我是最渣的一个,都插不上嘴 T__T ),这个模式使用的频率很高,也可能是很多人最熟悉的设计模式,当然单例模式也算是最简单的设计模式之一吧,简单归简单,但是在实际使 ...

  3. 设计模式学习笔记清单

    设计模式学习笔记清单 关于设计模式许多人已经耳熟能详,这段时间结合李建忠的教学视频以及大量网络资料,把这部分过了一遍,整理出学习笔记,而真正的深入学习和理解只能在具体的开发环境中日积月累.      ...

  4. 步步为营 .NET 设计模式学习笔记系列总结

    设计模式我从开篇到23种设计模式的讲解总共花了进两个月的时间,其间有很多读者给我提出了很好的建议,同时也指出了我的不足,对此我表示感谢,正是由于很多读者的支持我才能坚持的写到最后.在此表示我真诚的谢意 ...

  5. js/jquery学习笔记

    javascript简介 JavaScript是一种基于对象和事件驱动并具有相对安全性的客户端脚本语言. 不同于服务器端脚本语言,例如PHP与ASP,JavaScript是客户端脚本语言,也就是说Ja ...

  6. 设计模式学习笔记--Strategy 策略模式

    所谓策略模式(Strategy Pattern),就是将策略 (算法) 封装为一个对象,易于相互替换,如同 USB 设备一样可即插即用:如果将策略.具体的算法和行为,编码在某个类或客户程序内部,将导至 ...

  7. 设计模式学习笔记--Mediator 中介者模式

    我们知道面向对象应用程序是由一组为了提供某种服务而彼此交互的对象组成.当彼此引用的对象数量比较少时,此时对象之间就为直接交互(点对点).而当对象的数量增加时,这种直接交互会导致对象之间复杂的.混乱的引 ...

  8. 设计模式学习笔记(十七)——Command命令模式

    设计模式学习笔记(十七)--Command命令模式 Command命令模式介绍: Command命令模式是一种对象行为型模式,它主要解决的问题是:在软件构建过程中,"行为请求者"与 ...

  9. 设计模式学习笔记——解释器(Interpreter)模式

    设计模式学习笔记--解释器(Interpreter)模式 @(设计模式)[设计模式, 解释器模式, Interpreter] 设计模式学习笔记解释器Interpreter模式 基本介绍 解释器案例 类 ...

  10. 设计模式学习笔记——命令(Command)模式

    设计模式学习笔记--命令(Command)模式 @(设计模式)[设计模式, 命令模式, command] 设计模式学习笔记命令Command模式 基本介绍 命令案例 类图 实现代码 Command接口 ...

最新文章

  1. 两代“狗”开发者首次解答30多个问题,一定有你想了解的!(附论文下载)
  2. RPC RESTful 解释
  3. python【数据结构与算法】选数问题(指定值求和——递归)
  4. 教你怎么快速配置 React
  5. 批处理命令 / set
  6. LeetCode 27.移除元素
  7. 爬table数据_爬取NBA球员薪资数据【Python数据分析百例连载】
  8. python index false_整理了 Python新手 最容易犯错的 10个坑!
  9. 自动化测试C语言程序,自动化测试程序之一自定义键盘的模拟测试程序(C语言)...
  10. 毕业前五年,我们应该把钱看轻
  11. springMVC简易学习笔记一
  12. React.js 小书 阅读笔记
  13. 单片机烧写一次后,就连不上单片机了的一种可能原因分享
  14. 在MAC终端下打开Finder
  15. 还分不清APS、MES与ERP的区别?漫画+故事来帮忙!
  16. 比特大陆“众叛亲离”?
  17. # 飞书APP集成平台-数字化落地
  18. 酷睿i7 12700k核显相当于什么显卡 i712700k参数 i7 12700k什么水平
  19. 流量威胁检测工具开发之路(7)
  20. opencv 视频处理(python)

热门文章

  1. 简述开发Android2D图形,2D图形开发(一)(高级).pdf
  2. 软件测试需要哪些c语言基础知识,测试人员都需要了解哪些redis知识?
  3. bootstrap树节点如何设置默认不展开_我开源了一个基于Vue的组织架构树组件
  4. mysql lru scan depth_如何解决mysql警告:“ InnoDB:page_cleaner:1000毫秒的预期循环用了XXX毫秒。设置可能不是最佳的”?...
  5. 系统学习深度学习(十八)--NIN模型
  6. python 中的数据类型
  7. InnoDB 行格式
  8. kafka retries参数入门
  9. 【洛谷 P4291】 [HAOI2008]排名系统(Splay,Trie)
  10. springcloud 分布式配置中心 config server config client