日本综合一区二区|亚洲中文天堂综合|日韩欧美自拍一区|男女精品天堂一区|欧美自拍第6页亚洲成人精品一区|亚洲黄色天堂一区二区成人|超碰91偷拍第一页|日韩av夜夜嗨中文字幕|久久蜜综合视频官网|精美人妻一区二区三区

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

新聞中心

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

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

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

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

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

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

由于Java語(yǔ)言的限制，沒(méi)有一種華麗的方法來(lái)實(shí)現(xiàn)Trait。讓我們來(lái)看看基于原型的Javascript語(yǔ)言如何實(shí)現(xiàn)Trait。這個(gè)其實(shí)從一 個(gè)側(cè)面證明基于原型的Javascript和基于類(lèi)的Java相比，對(duì)于OOP而言更加靈活和強(qiáng)大。為了縮減代碼的大小，這里我使用light- traits這個(gè)JS庫(kù)。因?yàn)橥暾麑?shí)現(xiàn)一個(gè)Traits庫(kù)超出這篇文章的范圍。

 
 
 
    
  
  
  
  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.

本文名稱(chēng)：Javascript中的Trait與代碼重用
當(dāng)前路徑：http://www.dlmjj.cn/article/cdshhog.html