[TOC] >[success] # 裝飾器講解 ~~~ 1.學過'pyhon' 的開發可能對裝飾器比較熟，在'es7'也提出裝飾的語法糖 2.裝飾器模式，顧名思義，就是將某個類重新裝扮下，使它在功能上更強 大，但是作為原來的這個類，使用者不應該感受到裝飾前與裝飾后有什么 不同，否則就破壞了原有類的結構，所以裝飾器模式要做到對裝飾類的使 用者透明 ~~~ >[danger] ## 聲明 ~~~ 1.本講解根據找到的參考資料進行重新理解分析歸納，感謝參考文章的作者 整理的文章內容 ~~~ >[info] ## 裝飾器 * 參考資料： [阮一峰的裝飾器講解]([http://es6.ruanyifeng.com/#docs/decorator](http://es6.ruanyifeng.com/#docs/decorator)) [關于裝飾器的提案](https://github.com/tc39/proposal-decorators) [掘金-- 小芋頭君](https://juejin.im/post/59f1c484f265da431c6f8940) [IMWeb -- Jianglinyuan](https://imweb.io/topic/5b1403bbd4c96b9b1b4c4e9e) ~~~ 1.根據'阮一峰'老師es6入門中說的，Decorator 提案經過了大幅修改， 目前還沒有定案，不知道語法會不會再變。 2.修飾器只能用于類和類的方法，不能用于函數，因為存在函數提升。 3.根據我所現階段接觸的文章， 4.裝飾器的寫法第一種'@'+'函數名',修飾在要被修飾的'類'，'類中的屬性' ,'類中的方法'上 5.裝飾器的寫法第二種'@'+'函數'，修飾在要被修飾的'類'，'類中的屬性' ,'類中的方法'上 6.要注意裝飾器 本身后面函數是沒有括號的，有括號的是用了工廠方式，返回了 一個函數 ~~~ * 對第四條詳解講解 ~~~ // 定義的函數 function test(){ //.... } // 注意這里的test只是方法名字 @test class MyClass{} ~~~ * 對第五條的講解利用工廠模式 ~~~ // 定義的函數 function test(){ return function(target){ // ... } } // 注意這里的test()函數利用工廠模式 // 實際最后執行的裝飾器是該函數的內部返回的函數 @test() class MyClass{} ~~~