## 單一職責原則 ### 理解概念 含義：對于一個類，只有一個引起該類變化的原因；該類的職責是唯一的，所謂職責是指類變化的原因。如果一個類有多于一個的動機被改變，那么這個類就具有多于一個的職責。而單一職責原則就是指一個類或者模塊應該有且只有一個改變的原因。（來自百度百科） 通俗一點來說，一個類應該只做一類事情；一個類應該只負責一個功能。 目的：降低代碼復雜度、系統解耦合、提高可讀性 ### 使用舉例 比如我們需要一個提供創建Ajax的對象。 ~~~js const Ajax = { createAjax: function () { var xhr = null; if(window.XMLHttpRequest) { xhr = new XMLHttpRequest(); } else { xhr = new ActiveXObject('Microsoft.XMLHTTP'); } }, send: function() { } }; // VS const AjaxBetter = { ajaxFactory: function ajax() { if(window.XMLHttpRequest) { return (this.ajaxFactory = function() { return new XMLHttpRequest(); })(); } else { return (this.ajaxFactory = function() { return new ActiveXObject('Microsoft.XMLHTTP'); })(); } }, createAjax() { var xhr = this.ajaxFactory(); return xhr; }, send: function() { } }; ~~~ 單一原則就記住一句話就好了，就是'一個類只對一個功能負責'。比如說現在有拍照和播放音樂兩個功能要實現。錯誤的做法就是把這兩個功能都封裝到一個類里面，正確的做法是，封裝兩個類，一個實現拍照功能，一個實現播放音樂的功能。 代碼如下： ~~~ // 定義拍照類 class Photograph{ constructor(name){ this.name = name } photograph(){ console.log(`給${this.name}拍照`) } } // 定義播放音樂類 class PlayMusic{ constructor(musicName) { this.musicName = musicName } outMusicName(){ console.log(`播放音樂${this.musicName}`) } } var photograph1 = new Photograph('小明'); var playMusic1 = new PlayMusic('愛我中華'); photograph1.photograph(); // 給小明拍照 playMusic1.outMusicName();// 播放音樂愛我中華 ~~~