日韩无码专区无码一级三级片|91人人爱网站中日韩无码电影|厨房大战丰满熟妇|AV高清无码在线免费观看|另类AV日韩少妇熟女|中文日本大黄一级黄色片|色情在线视频免费|亚洲成人特黄a片|黄片wwwav色图欧美|欧亚乱色一区二区三区

RELATEED CONSULTING
相關(guān)咨詢
選擇下列產(chǎn)品馬上在線溝通
服務(wù)時間：8:30-17:00
你可能遇到了下面的問題
關(guān)閉右側(cè)工具欄

新聞中心

這里有您想知道的互聯(lián)網(wǎng)營銷解決方案
Javascript中的Trait與代碼重用

我們知道，OOP中最普遍的代碼重用方式是通過繼承，但是，繼承有一些缺點(diǎn)，其中最為主要的是繼承是一種isa關(guān)系，父子類之間的關(guān)系太過緊密，而對于像JAVA這門語言而言，只能支持單繼承，使得很多時候不能不進(jìn)行代碼拷貝這樣的事情。

10余年的扎蘭屯網(wǎng)站建設(shè)經(jīng)驗(yàn)，針對設(shè)計、前端、開發(fā)、售后、文案、推廣等六對一服務(wù)，響應(yīng)快，48小時及時工作處理。網(wǎng)絡(luò)營銷推廣的優(yōu)勢是能夠根據(jù)用戶設(shè)備顯示端的尺寸不同，自動調(diào)整扎蘭屯建站的顯示方式，使網(wǎng)站能夠適用不同顯示終端，在瀏覽器中調(diào)整網(wǎng)站的寬度，無論在任何一種瀏覽器上瀏覽網(wǎng)站，都能展現(xiàn)優(yōu)雅布局與設(shè)計，從而大程度地提升瀏覽體驗(yàn)。創(chuàng)新互聯(lián)公司從事“扎蘭屯網(wǎng)站設(shè)計”,“扎蘭屯網(wǎng)站推廣”以來，每個客戶項(xiàng)目都認(rèn)真落實(shí)執(zhí)行。

舉個例子，假設(shè)我們要建模動物。最底層是一個Animal對象，下面有貓科，犬科。然后貓科下有貓，老虎。犬科下有狗和狼。 貓能夠miao，狗能夠叫，老虎和狼都能夠狩獵，這個時候問題來了，由于狩獵這個特性是老虎和狼都有的，但是老虎以及從貓科繼承，狼已經(jīng)從犬科繼承，它們都已經(jīng)無法通過繼承來獲得狩獵這個能力了。

讓我們來看看Trait如何來解決這個問題。 Trait從表面上看和一個類很類似，有屬性和方法，但是它必須依附于一個類才能起作用。同時多個Traits可以組合成一個Trait。如果不同的 Traits中屬性或者方法有沖突的話，可以選擇重命名屬性的方法來決議沖突。如果沖突沒有決議的話，組合Traits會拋出異常。

這樣，類層次仍然像前面描述的一樣，我們把狩獵定義為一個Trait，然后在構(gòu)建老虎和狼的類的時候把Trait融入進(jìn)去。這樣老虎和狼就獲得了狩獵的能力了。

由于Java語言的限制，沒有一種華麗的方法來實(shí)現(xiàn)Trait。讓我們來看看基于原型的Javascript語言如何實(shí)現(xiàn)Trait。這個其實(shí)從一 個側(cè)面證明基于原型的Javascript和基于類的Java相比，對于OOP而言更加靈活和強(qiáng)大。為了縮減代碼的大小，這里我使用light- traits這個JS庫。因?yàn)橥暾麑?shí)現(xiàn)一個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與代碼重用
當(dāng)前URL：http://www.5511xx.com/article/cdshhog.html