Javascript中的Trait与代码重用

我们知道，OOP中最普遍的代码重用方式是通过继承，但是，继承有一些缺点，其中最为主要的是继承是一种isa关系，父子类之间的关系太过紧密，而对于像JAVA这门语言而言，只能支持单继承，使得很多时候不能不进行代码拷贝这样的事情。

10余年的扎兰屯网站建设经验，针对设计、前端、开发、售后、文案、推广等六对一服务，响应快，48小时及时工作处理。网络营销推广的优势是能够根据用户设备显示端的尺寸不同，自动调整扎兰屯建站的显示方式，使网站能够适用不同显示终端，在浏览器中调整网站的宽度，无论在任何一种浏览器上浏览网站，都能展现优雅布局与设计，从而大程度地提升浏览体验。创新互联公司从事“扎兰屯网站设计”,“扎兰屯网站推广”以来，每个客户项目都认真落实执行。

举个例子，假设我们要建模动物。最底层是一个Animal对象，下面有猫科，犬科。然后猫科下有猫，老虎。犬科下有狗和狼。 猫能够miao，狗能够叫，老虎和狼都能够狩猎，这个时候问题来了，由于狩猎这个特性是老虎和狼都有的，但是老虎以及从猫科继承，狼已经从犬科继承，它们都已经无法通过继承来获得狩猎这个能力了。

让我们来看看Trait如何来解决这个问题。 Trait从表面上看和一个类很类似，有属性和方法，但是它必须依附于一个类才能起作用。同时多个Traits可以组合成一个Trait。如果不同的 Traits中属性或者方法有冲突的话，可以选择重命名属性的方法来决议冲突。如果冲突没有决议的话，组合Traits会抛出异常。

这样，类层次仍然像前面描述的一样，我们把狩猎定义为一个Trait，然后在构建老虎和狼的类的时候把Trait融入进去。这样老虎和狼就获得了狩猎的能力了。

由于Java语言的限制，没有一种华丽的方法来实现Trait。让我们来看看基于原型的Javascript语言如何实现Trait。这个其实从一 个侧面证明基于原型的Javascript和基于类的Java相比，对于OOP而言更加灵活和强大。为了缩减代码的大小，这里我使用light- traits这个JS库。因为完整实现一个Traits库超出这篇文章的范围。

 
 
 
    
  
  
  
  1. var util = require('util'); 
    2. 
  
  
  
  2. var Trait = require('light-traits').Trait; 
    3. 
  
  
  
  3. var expect = require('chai').expect; 
    4. 
  
  
  
  4. var _ = require('lodash'); 
    5. 
  
  
  
  5. function inherits(constructor, parentConstructor, trait, properties) { 
    6. 
  
  
  
  6.   util.inherits(constructor, parentConstructor); 
    7. 
  
  
  
  7.   if (properties !== undefined) 
    8. 
  
  
  
  8.     _.extend(constructor.prototype, properties); 
    9. 
  
  
  
  9.   if (trait !== undefined) 
    10. 
  
  
  
  10.     constructor.prototype = trait.create(constructor.prototype); 
    11. 
  
  
  
  11. } 
    12. 
  
  
  
  12.  
    13. 
  
  
  
  13. function Animal() {} 
    14. 
  
  
  
  14. Animal.prototype = { 
    15. 
  
  
  
  15.   isAlive: true, 
    16. 
  
  
  
  16.   eat: function (food) { 
    17. 
  
  
  
  17.     console.log("omnomnom, I'm eating: " + food); 
    18. 
  
  
  
  18.   }, 
    19. 
  
  
  
  19.   sleep: function () { 
    20. 
  
  
  
  20.     console.log('zzzz'); 
    21. 
  
  
  
  21.   }, 
    22. 
  
  
  
  22.   die: function () { 
    23. 
  
  
  
  23.     this.isAlive = false; 
    24. 
  
  
  
  24.     console.log("I'm dead"); 
    25. 
  
  
  
  25.   } 
    26. 
  
  
  
  26. }; 
    27. 
  
  
  
  27.  
    28. 
  
  
  
  28. function CatFamily() {} 
    29. 
  
  
  
  29. inherits(CatFamily, Animal); 
    30. 
  
  
  
  30. function DogFamily() {} 
    31. 
  
  
  
  31. inherits(DogFamily, Animal); 
    32. 
  
  
  
  32.  
    33. 
  
  
  
  33. var TMeow = Trait({ 
    34. 
  
  
  
  34.   meow: function () { 
    35. 
  
  
  
  35.     console.log('meow meow'); 
    36. 
  
  
  
  36.   } 
    37. 
  
  
  
  37. }); 
    38. 
  
  
  
  38. function Cat() {} 
    39. 
  
  
  
  39. inherits(Cat, CatFamily, TMeow); 
    40. 
  
  
  
  40.  
    41. 
  
  
  
  41. var cat = new Cat(); 
    42. 
  
  
  
  42. cat.meow(); 
    43. 
  
  
  
  43.  
    44. 
  
  
  
  44. var TBark = Trait({ 
    45. 
  
  
  
  45.   bark: function () { 
    46. 
  
  
  
  46.     console.log('woof woof'); 
    47. 
  
  
  
  47.   } 
    48. 
  
  
  
  48. }); 
    49. 
  
  
  
  49. function Dog() {} 
    50. 
  
  
  
  50. inherits(Dog, DogFamily, TBark); 
    51. 
  
  
  
  51.  
    52. 
  
  
  
  52. var dog = new Dog(); 
    53. 
  
  
  
  53. dog.bark(); 
    54. 
  
  
  
  54.  
    55. 
  
  
  
  55.  
    56. 
  
  
  
  56. var THunt = Trait({ 
    57. 
  
  
  
  57.   huntCount: 0, 
    58. 
  
  
  
  58.   hunt: function () { 
    59. 
  
  
  
  59.     console.log('looking for food', this.huntCount++, 'times'); 
    60. 
  
  
  
  60.  
    61. 
  
  
  
  61.   }, 
    62. 
  
  
  
  62.   kill: function (animal) { 
    63. 
  
  
  
  63.     animal.die(); 
    64. 
  
  
  
  64.     console.log('I killed animal'); 
    65. 
  
  
  
  65.   } 
    66. 
  
  
  
  66. }); 
    67. 
  
  
  
  67.  
    68. 
  
  
  
  68. function Tiger() {} 
    69. 
  
  
  
  69. inherits(Tiger, CatFamily, THunt, { 
    70. 
  
  
  
  70.   roar: function () { 
    71. 
  
  
  
  71.     console.log("roar...roar..."); 
    72. 
  
  
  
  72.   } 
    73. 
  
  
  
  73. }); 
    74. 
  
  
  
  74.  
    75. 
  
  
  
  75. var tiger = new Tiger(); 
    76. 
  
  
  
  76. expect(tiger).to.be.instanceOf(CatFamily); 
    77. 
  
  
  
  77. expect(tiger).to.have.property('hunt'); 
    78. 
  
  
  
  78. expect(tiger).to.have.property('kill'); 
    79. 
  
  
  
  79. expect(tiger).to.not.have.property('meow'); 
    80. 
  
  
  
  80. expect(tiger.isAlive).to.be.equal(true); 
    81. 
  
  
  
  81. tiger.hunt(); 
    82. 
  
  
  
  82. tiger.eat('meat'); 
    83. 
  
  
  
  83. tiger.roar(); 
    84. 
  
  
  
  84.  
    85. 
  
  
  
  85. function Wolf() {} 
    86. 
  
  
  
  86. inherits(Wolf, DogFamily, Trait.compose(TBark, THunt)); 
    87. 
  
  
  
  87.  
    88. 
  
  
  
  88. var wolf = new Wolf(); 
    89. 
  
  
  
  89. expect(wolf).to.be.instanceOf(DogFamily); 
    90. 
  
  
  
  90. expect(wolf).to.have.property('hunt'); 
    91. 
  
  
  
  91. expect(wolf).to.have.property('kill'); 
    92. 
  
  
  
  92. expect(wolf).to.have.property('bark'); 
    93. 
  
  
  
  93. expect(wolf.isAlive).to.be.equal(true); 
    94. 
  
  
  
  94. wolf.bark(); 
    95. 
  
  
  
  95. wolf.hunt(); 
    96. 
  
  
  
  96. wolf.hunt(); 
    97. 
  
  
  
  97. wolf.sleep(); 
    98. 
  
  
  
  98. wolf.kill(cat); 
    99. 
  
  
  
  99. expect(cat.isAlive).to.be.equal(false); 
    100. 
  
  
  
  100. expect(wolf.huntCount).to.be.equal(2); 
    101.

文章题目：Javascript中的Trait与代码重用
文章链接：http://www.hantingmc.com/qtweb/news20/284320.html

网站建设、网络推广公司-创新互联，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有等

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联

猜你还喜欢下面的内容

服务器托管知识

同城分类信息

盐亭做网站　　 　成都微信开发　　 　成都网站建设　　 　app网站建设　　 　成都谷歌推广　　 　绵竹网站建设　　 　自贡托管服务器　　 　南宁旺客科技　　 　网站改版维护　　 　小谭建站　　 　买友情链接　　 　绵阳服务器托管　　 　光华村机房　　 　网站快速收录　　 　长城雪茄　　 　成都木托盘　　 　成都做网站　　 　温江网站建设　　 　手机网站制作　　 　内江做网站