成人免费xxxxx在线视频软件_久久精品久久久_亚洲国产精品久久久_天天色天天色_亚洲人成一区_欧美一级欧美三级在线观看

Javascript中的Trait與代碼重用

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

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

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

原文鏈接:http://www.ituring.com.cn/article/64103

責任編輯:陳四芳 來源: 圖靈社區
相關推薦

2018-11-08 15:50:18

前端Javascript重用性

2009-09-09 14:09:35

Scala Trait

2023-05-29 13:56:00

JSReact

2024-06-13 10:11:33

WPFCommand命令模式

2017-01-10 13:37:15

PHPTrait應用

2024-01-03 08:00:00

Java軟件開發代碼

2011-07-21 13:24:14

java

2020-06-12 08:21:58

JavaScript代碼開發

2024-06-28 01:13:59

工具C#代碼

2009-08-19 04:16:00

泛型代碼重用

2009-03-11 15:30:05

evalwithJavascript

2020-06-02 09:06:31

VueTransition前端

2023-11-29 13:59:00

trait定義接口

2017-02-28 15:48:11

Scala Trait設計模式框架

2017-07-24 09:45:15

JavaScript語法代碼

2023-11-23 13:07:18

代碼Golang

2009-03-13 15:24:50

catchDisposeWCF

2010-01-25 11:37:30

2017-07-26 17:38:10

JavaScriptBabel

2023-08-29 09:00:00

JavaScript工具
點贊
收藏

51CTO技術棧公眾號

主站蜘蛛池模板: 亚洲电影中文字幕 | 久久婷婷麻豆国产91天堂 | 成人欧美一区二区三区色青冈 | hdfreexxxx中国妞| 天天澡天天操 | 日本成人片在线观看 | 在线欧美亚洲 | 午夜爽爽爽男女免费观看 | 一区欧美 | 欧美成人二区 | 欧美日韩一区二区电影 | 黄色免费av | 亚洲一级视频在线 | 亚州一区二区三区 | 可以免费观看的av | 最新中文字幕在线播放 | av在线视 | 久久精品国产久精国产 | 国产一极毛片 | 欧美视频免费在线 | 91免费视频观看 | 国产一区精品 | 日韩欧美不卡 | 国产精品久久久久国产a级 欧美日韩国产免费 | 国产在线一区二区三区 | 国产成人网| 国产91久久精品一区二区 | 97av| 色播av | 国产精品黄 | 天天爽天天干 | 一区二区三区中文字幕 | 91精品在线播放 | 国产免费一区二区 | 在线成人一区 | 久久久久亚洲av毛片大全 | 国产精品美女www爽爽爽视频 | 国产精品久久久久久一区二区三区 | 欧美中文在线 | av激情在线 | 涩涩视频网|