javascript裝飾器是一種實現裝飾器模式的技術，可以在不改變原函數或類的情況下增加新的功能。它可以讓我們在代碼中更加靈活地組織和管理代碼。下面我們來具體介紹一下Javascript裝飾器。

我們可以使用Javascript裝飾器來實現日志的記錄功能。例如我們有一個函數：

function displayNum(num) {
console.log(num);
}
displayNum(10);

我們可以使用一個日志裝飾器來記錄函數的調用信息：

function logDecorator(func) {
return function() {
console.log('Calling function: ' + func.name);
return func.apply(this, arguments);
}
}
displayNum = logDecorator(displayNum);
displayNum(10);

當我們調用displayNum()函數時，這個函數就會輸出日志信息，而我們不需要修改原來的函數。

除了函數，Javascript裝飾器還可以用于類的裝飾。我們可以使用裝飾器來增加類的屬性和方法，例如我們有一個Person類：

class Person {
constructor(firstName, lastName) {
this.firstName = firstName;
this.lastName = lastName;
}
get fullName() {
return this.firstName + ' ' + this.lastName;
}
}

我們可以使用裝飾器來為Person類增加新的方法：

function addAge(age) {
return function(target) {
target.prototype.age = age;
}
}
@addAge(30)
class Person {
constructor(firstName, lastName) {
this.firstName = firstName;
this.lastName = lastName;
}
get fullName() {
return this.firstName + ' ' + this.lastName;
}
}

在上面的例子中，我們使用@符號來應用裝飾器，將Person類傳遞給addAge()函數，addAge()函數在Person類的原型中添加了一個age屬性?，F在我們可以創建一個Person對象，并訪問age屬性：

let person = new Person('John', 'Doe');
console.log(person.age); // 30

我們還可以使用裝飾器來增強類的實例方法，例如我們有一個Greeter類：

class Greeter {
constructor(name) {
this.name = name;
}
sayHello() {
console.log('Hello ' + this.name);
}
}

我們可以使用裝飾器來為Greeter類的實例方法增加一個計時器：

function timer(target, name, descriptor) {
let originalMethod = descriptor.value;
descriptor.value = function(...args) {
console.time(name);
let result = originalMethod.apply(this, args);
console.timeEnd(name);
return result;
};
return descriptor;
}
class Greeter {
constructor(name) {
this.name = name;
}
@timer
sayHello() {
console.log('Hello ' + this.name);
}
}

在上面的例子中，我們使用了一個函數裝飾器@timer，它接受三個參數：目標對象、方法名和描述對象。我們在方法的原始實現前后加上了計時器的代碼。現在我們可以創建Greeter對象，并調用它的sayHello方法，這個方法會輸出計時信息：

let greeter = new Greeter('John');
greeter.sayHello(); // 輸出計時信息和 Hello John

總的來說，Javascript裝飾器是一種非常有用的技術，可以讓我們在不改變代碼結構的情況下為函數和類增加新的功能。它可以大大提高我們的代碼的可讀性和可維護性。