在Typescript中使用裝飾器

上文中講了裝飾模式，今天來來介紹一些Typescript里面的裝飾器，以及如何用裝飾器來實現(xiàn)之前提及裝飾模式，裝飾器只是實現(xiàn)裝飾模式的一種方式，并非唯一

配置

在Typescript要使用裝飾器需要在tsconfig打開裝飾器的語法

"compilerOptions": {
  "experimentalDecorators": true
}

類裝飾器

在Typescript中我們可以對一個class用裝飾器進行拓展，比如下面的例子, 會打印出'target is class A'的log日志；

const injectable = () =>
  (target: { new (...args: any[]): {} }) => {
    console.log('target is ',target)
  };
@injectable()
class A {}

在類裝飾器中我們可以獲取到這個類，從而對他進行拓展

比如我們可以為這個類實現(xiàn)拓展

const AddName =  (name: string) => (cls: { new (...args: any[]): {} }) => {
   cls.prototype.name = name
}
@AddName('name')
class A {
    age = 18
}
const a = new A()
console.log(a.name)
console.log(a.age)

方法裝飾器

方法裝飾器的語法如下，你可以獲取到當前類，方法名，以及該屬性的描述符

const log = () => {
    return  (target: any, propertyKey: string, descriptor: PropertyDescriptor) => {
        console.log(target, propertyKey, descriptor)
    };
}
class A {
    @log
    say() {}
}

打印如下

A: {},  "say",  {
  "writable": true,
  "enumerable": false,
  "configurable": true
} 

那么方法裝飾器可以用來做什么呢？
AOP就是其中一個例子

AOP(面向切面編程)

在軟件業(yè)，AOP為Aspect Oriented Programming的縮寫，意為：[面向切面編程]，通過[預編譯]方式和運行期間動態(tài)代理實現(xiàn)程序功能的統(tǒng)一維護的一種技術(shù)。

AOP是[OOP]的延續(xù)，是軟件開發(fā)中的一個熱點，也是[Spring]框架中的一個重要內(nèi)容，是[函數(shù)式編程]的一種衍生范型。利用AOP可以對業(yè)務(wù)邏輯的各個部分進行隔離，從而使得業(yè)務(wù)邏輯各部分之間的[耦合度]降低，提高程序的可重用性，同時提高了開發(fā)的效率。

這貼一段百科對AOP的簡介
下面給一個簡單的例子，我們可以對函數(shù)執(zhí)行過程進行

const log = () => {
    return  (target: any, propertyKey: string, descriptor: PropertyDescriptor) => {
        const oldFn = descriptor.value
        descriptor.value = function (...args:any[]) {
            console.log('在函數(shù)執(zhí)行前');
            const res = oldFn.apply(this, args);
            console.log('在函數(shù)執(zhí)行后', res);
            return res;
        }
    };
}
class A {
    @log()
    say() {
        return 'Hello world'
    }
}
new A().say()

執(zhí)行結(jié)果如下

[LOG]: "在函數(shù)執(zhí)行前"  

* * *

[LOG]: "在函數(shù)執(zhí)行后", "Hello world"

以上就是Typescript裝飾器AOP示例詳解的詳細內(nèi)容，更多關(guān)于Typescript裝飾器AOP的資料請關(guān)注腳本之家其它相關(guān)文章！

運行結(jié)果如下，可以看到下面的數(shù)據(jù)和上方使用mysql客戶端查出來結(jié)果一致

The solution is:  [{"name":"jym","age":"1"},{"name":"jym2","age":"2"},{"name":"jym3","age":"3"},{"name":"jym4","age":"4"}]

通過mysql2這個包，我們就可以用node.js連接數(shù)據(jù)庫了，可以使用一些基礎(chǔ)的API來直接操作mysql數(shù)據(jù)庫；比如上面的代碼中就執(zhí)行了'SELECT * FROM user'這個sql語句

除了使用這種基礎(chǔ)庫之外，我們還可以使用ORM（對象關(guān)系映射器）框架來連接數(shù)據(jù)庫，直接用OOP的方式來編寫模型和方法，ORM框架會幫助你生成對應(yīng)的sql語句，這樣就可以把關(guān)注點放在業(yè)務(wù)上面，而不用編寫SQL語句。這可以讓你的代碼更加簡潔和可維護

目前在nodejs中常用的ORM有prisma，sequlize，typeorm等等，下回我們就來嘗試一下如何用ORM來連接數(shù)據(jù)庫

以上就是Node.js連接數(shù)據(jù)庫實現(xiàn)過程詳解的詳細內(nèi)容，更多關(guān)于Node.js連接數(shù)據(jù)庫的資料請關(guān)注腳本之家其它相關(guān)文章！

最新評論