1. /*
  2. 代码复用
  3. */
  4. /*
  5. 一、避免
  6. */
  7. /*
  8. 模式1:默认模式
  9. */
  10. function Parent() {
  11. this.name = "123";
  12. }
  13. Parent.prototype.say = function () {
  14. return this.name;
  15. }
  16. function Child(name) { }
  17. Child.prototype = new parent();
  18.  
  19. var kid = new Child();
  20. kid.name = "abc";
  21. kid.say(); //abc
  22. // 缺点:不能让参数传进给Child构造函数
  23. var s = new Child('Seth');
  24. console.log(s.say()); // "123"
  25.  
  26. /*
  27. 二、推荐
  28. */
  29. // 1. 模式1:原型继承
  30. function object(o) {
  31. function F() {
  32. }
  33. F.prototype = o;
  34. return new F();
  35. }
  36. // 要继承的父对象
  37. var parent = {
  38. name: "Papa",
  39. };
  40. // 新对象
  41. var child = object(parent);
  42.  
  43. // 父构造函数
  44. function Person() {
  45. // an "own" property
  46. this.name = "Adam";
  47. }
  48. // 给原型添加新属性
  49. Person.prototype.getName = function () {
  50. return this.name;
  51. };
  52. // 创建新person
  53. var papa = new Person();
  54. // 继承
  55. var kid = object(papa);
  56. console.log(kid.getName()); // "Adam"
  57. // 继承原型
  58. var kid = object(Person.prototype);
  59. console.log(typeof kid.getName); // "function",因为是在原型里定义的
  60. console.log(typeof kid.name); // "undefined", 因为只继承了原型
  61.  
  62. //使用ECMAScript5
  63. /* 使用新版的ECMAScript 5提供的功能 */
  64. var child = Object.create(parent);
  65. var child = Object.create(parent,
  66. {
  67. age: { value: 2 }
  68. // ECMA5 descriptor
  69. });
  70. console.log(child.hasOwnProperty("age")); // true
  71.  
  72. // 2. 模式2:复制所有属性进行继承
  73.  
  74. // 3. 模式3:混合(mix-in)
  75. // 4. 模式4:借用方法

代码复用 -- 深入了解javascript的更多相关文章

  1. javascript 模式(1)——代码复用

    程序的开发离不开代码的复用,通过代码复用可以减少开发和维护成本,在谈及代码复用的时候,会首先想到继承性,但继承并不是解决代码复用的唯一方式,还有其他的复用模式比如对象组合.本节将会讲解多种继承模式以实 ...

  2. 《JavaScript模式》第6章 代码复用模式

    @by Ruth92(转载请注明出处) 第6章:代码复用模式 GoF 在其著作中提出的有关创建对象的建议原则: -- 优先使用对象组合,而不是类继承. 传统模式:使用类继承: 现代模式:"类 ...

  3. javascript代码复用(四)-混入、借用方法和绑定

    这篇继续说js的现代复用模式:混入.借用方法和绑定. 混入 可以针对前面提到的通过属性复制实现代码复用的想法进行一个扩展,就是混入(mix-in).混入并不是复制一个完整的对象,而是从多个对象中复制出 ...

  4. javascript代码复用模式(二)

    前面说到,javascript的代码复用模式,可分为类式继承和非类式继承(现代继承).这篇就继续类式继承. 类式继承模式-借用构造函数 使用借用构造函数的方法,可以从子构造函数得到父构造函数传任意数量 ...

  5. javascript代码复用模式

    代码复用有一个著名的原则,是GoF提出的:优先使用对象组合,而不是类继承.在javascript中,并没有类的概念,所以代码的复用,也并不局限于类式继承.javascript中创建对象的方法很多,有构 ...

  6. 初涉JavaScript模式 (13) : 代码复用 【上】

    引子 博客断了一段时间,不是不写,一是没时间,二是觉得自己沉淀不够,经过一段时间的学习和实战,今天来总结下一个老生常谈的东西: 代码复用. 为何复用 JS门槛低,故很多人以为写几个特效就会JS,其实真 ...

  7. 深入理解JavaScript系列(46):代码复用模式(推荐篇)

    介绍 本文介绍的四种代码复用模式都是最佳实践,推荐大家在编程的过程中使用. 模式1:原型继承 原型继承是让父对象作为子对象的原型,从而达到继承的目的: function object(o) { fun ...

  8. 深入理解JavaScript系列(45):代码复用模式(避免篇)

    介绍 任何编程都提出代码复用,否则话每次开发一个新程序或者写一个新功能都要全新编写的话,那就歇菜了,但是代码复用也是有好要坏,接下来的两篇文章我们将针对代码复用来进行讨论,第一篇文避免篇,指的是要尽量 ...

  9. 《JavaScript 模式》读书笔记(6)— 代码复用模式2

    上一篇讲了最简单的代码复用模式,也是最基础的,我们普遍知道的继承模式,但是这种继承模式却有不少缺点,我们下面再看看其它可以实现继承的模式. 四.类式继承模式#2——借用构造函数 本模式解决了从子构造函 ...

随机推荐

  1. minicom/kermit捕捉日志

    1.minicom捕捉日志 ctrl-A Z 命令窗口中有 Capture on/off......L   2.kermit捕捉日志 ctrl-\ C进入kermit命令行模式 log session ...

  2. cpack

    一. 简介 CPack是CMake 2.4.2之后的一个内置工具,主要作用就是生成制定类型的安装包.它可以脱离cmake单独运行. 二. 基本设置 (mandatory) 设置包类型set(CPACK ...

  3. CentOS 6.X版本升级PHP

    #-----------------------------CentOS 6.X版本升级PHP------------------#! /bin/sh #1.关闭selinuxcp -rp /etc/ ...

  4. Winfrom 基于TCP的Socket 编程

    基于TCP的Socket基础例子 服务端的代码 public partial class Form1 : Form { public Form1() { InitializeComponent(); ...

  5. Hbase Interface HConnection

    HTablePool 在Hbase 0.94.0.95.0.97被废弃,在0.98中被清除( HTablePool 对比HConnection.getTable),hbase0.98 HTablePo ...

  6. GoLang安装

    GoLang的官网被墙,镜像下载地址:http://tip.golang.so/dl/  或者 http://golang.so/dl/ 安装说明:http://tip.golang.so/doc/i ...

  7. 定时重启Apache与MySQL方法

    可以定时重启apache服务器等.让网站运行的效果更快. 采用at命令添加计划任务. 有关使用语法可以到window->“开始”->运行“cmd”->执行命令“at /”,这样界面中 ...

  8. php如何实现页面回退的两种方法

    发布:thatboy   来源:网络  [大 中 小] 你有没有遇到过这样的情况:表单出错而返回页面时,之前填写的信息全不见了.本文为大家介绍二种支持php页面回退的方法,供大家参考. 本文原始链接: ...

  9. C++求1!到n!的和

    题目内容:求1!+2!+3!+4!+……+n!的结果. 输入描述:输入不多于50个正整数的数据n(1<=n<=12). 输出描述:对于每个n,输出计算结果.每个计算结果应单独占一行. 参考 ...

  10. C语言-sizeof()与strlen()的区别【转】

    先看看sizeof() 一.sizeof的概念 sizeof是C语言的一种单目操作符,如C语言的其他操作符++.--等.它并不是函数.sizeof操作符以字节形式给出了其操作数的存储大小.操作数可以是 ...