Decorators（修飾器）

1treeS 發布于2019-08-20 18:11 / 2035人閱讀

摘要：修飾器是一個函數，用來修改類的行為。裝飾對象可以使用多個裝飾器裝飾器可以帶參數裝飾器修飾類實例方法師徒相當于一個修飾器需要先安裝一個插件然后在項目根目錄下，找到修改為在文件里引用師徒大廣靈啦啦啦師徒廣靈縣在啦啦啦師徒

修飾器（Decorator）是一個函數，用來修改類的行為。 裝飾對象可以使用多個裝飾器 裝飾器可以帶參數 裝飾器修飾類實例方法

"use strict"

function school(){
        console.log("師徒");
    }

    @school
    class Student{
        constructor(name){
            this.name=name
        }
        study(){
            console.log(this.name+" is studying");
        }
    }

@school相當于一個修飾器

需要先安裝一個插件：

npm install babel-plugin-transform-decorators-legacy --save-dev

然后在項目根目錄下，找到：

.babelrc=>修改為"plugins": ["transform-decorators-legacy"]

在html文件里引用：

function school(target){
    target.schoolName="師徒";
    }
    function hometown(diq){
        return function(target){
            target.home=diq;
        }
    }
    function studyke(kemu){
        return function(target){
            target.ke=kemu;
        }
    }
    
    @hometown("大廣靈")
    @school
    
    class Student {
        constructor(name){
            this.name=name;
        }
        @studyke("jquery")
        study(){
            console.log(this.name+"啦啦啦"+this.ke);
        }
    }
    console.log(Student.schoolName);//師徒.
    console.log(Student.home);//廣靈縣.
    
    let l = new Student("ss");
    l.study();//ss在啦啦啦jquery.
    
    @school
    class Teacher {
        
    }
    console.log(Teacher.schoolName);//師徒.

GPU云服務器云服務器修飾器 Python修飾器 python類修飾器 decorators

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/84171.html

ES7 Decorators（修飾器）

ES6 Decorators（修飾器）修飾器（Decorator）是一個函數，用來修改類的行為。這是ES7的一個提案，目前Babel轉碼器已經支持我們在游戲大型項目種經常會用到的方法，現在es6直接支持想要使用Decorator的話需要我們配置一下文件夾，配置一下環境 npm install babel-plugin-transform-decorators-legacy --save-de...

張漢慶 2019-08-20 18:11 評論0 收藏0
裝飾器與元數據反射（1）方法裝飾器

摘要：使用裝飾器的方法很簡單在裝飾器名前加字符，寫在想要裝飾的方法上，類似寫注釋的方式裝飾器實際上是一個函數，入參為所裝飾的方法，返回值為裝飾后的方法。經過裝飾過的方法，它依然按照原來的方式執行，只是額外執行了附件的裝飾器函數的功能。讓我來深入地了解一下TypeScript對于裝飾器模式的實現，以及反射與依賴注入等相關特性。在Typescript的源代碼中，可以看到裝飾器能用來修飾cla...

xiaochao 2019-08-23 15:06 評論0 收藏0
聊聊Typescript中的設計模式——裝飾器篇(decorators)

摘要：本文從裝飾模式出發，聊聊中的裝飾器和注解。該函數的函數名。不提供元數據的支持。中的元數據操作可以通過包來實現對于元數據的操作。 ??隨著Typescript的普及，在KOA2和nestjs等nodejs框架中經常看到類似于java spring中注解的寫法。本文從裝飾模式出發，聊聊Typescipt中的裝飾器和注解。什么是裝飾者模式 Typescript中的裝飾器 Typescr...

yiliang 2019-08-23 14:06 評論0 收藏0
create-react-app mobx 不支持修飾器

摘要：返編譯全部重新安裝依賴安裝該模塊中間可能有告警自行消除即可在里修改如下所示就可以了 1.npm run eject (返編譯)2.npm i (全部重新安裝依賴)3.npm install --save-dev babel-plugin-transform-decorators-legacy (安裝該模塊中間可能有告警自行消除即可)4.npm install @babel/plugin...

Vultr 2019-08-26 12:23 評論0 收藏0
從裝飾模式到裝飾器

摘要：從裝飾模式到裝飾器裝飾模式裝飾模式的作用是在不修改原有的接口的情況下，讓類表現的更好。它是一個語法糖說完了裝飾模式，我們再看一下在中最新引入的裝飾器。從裝飾模式到裝飾器裝飾模式裝飾模式的作用是：在不修改原有的接口的情況下，讓類表現的更好。什么叫更好？為什么需要裝飾模式自然是繼承有一些問題繼承會導致超類和子類之間存在強耦合性，當超類改變時，子類也會隨之改變；超類的內...

monw3c 2019-08-21 18:23 評論0 收藏0