Làm thế nào để vượt qua một biến dụ vào các đối số trang trí kiểu chữ?

Question

How to implement a typescript decorator? là một ví dụ tốt về cách sử dụng trang trí trong bản in.

Xét trường hợp dưới đây,

class MyClass { 
    @enumerable(false) 
    get prop() { 
     return true; 
    } 

    @property({required: true}) //here pass constant is no issue 
    public startDateString:string; 

    @property({afterDate: this.startDateString}) //how to pass startDateString here? 
    public endDateString:string; 
} 

function enumerable(isEnumerable: boolean) { 
    return (target: Object, propertyKey: string, descriptor: TypedPropertyDescriptor<any>) => { 
     descriptor.enumerable = isEnumerable; 
     return descriptor; 
    }; 
} 

tôi đã cố gắng tất cả mọi thứ nhưng có vẻ như tôi không có cách nào để vượt qua startDateString vào lập luận trang trí. startDateString có thể là một biến, hàm và tham chiếu.

Answer 1

Điều bạn đang cố gắng làm là không thể.

Trang trí được gọi khi lớp được khai báo và tại thời điểm này không có trường hợp nào để chuyển vào trình trang trí.

Ví dụ, với mã này:

class MyClass { 
    startDateString: string; 
    @property({ afterDate: this.startDateString }) 
    endDateString: string; 
} 
let myClass = new MyClass(); 

1. MyClass được khai báo.
2. Bộ trang trí được chạy trên MyClass. Không có cá thể nào tồn tại để chuyển vào lúc này và this trong đối số trang trí tham chiếu đến đối tượng chung - không phải là một cá thể.
3. new MyClass() được gọi và phiên bản được tạo. Trang trí không được gọi trên bước này. Điều đó đã xảy ra.

Hãy xem JavaScript biên soạn để tham khảo:

var MyClass = (function() { 
    // -- 1 -- 
    function MyClass() { 
    } 
    // -- 2 -- 
    __decorate([ 
     // see here... `this` is equal to the global object 
     property({ afterDate: this.startDateString }) 
    ], MyClass.prototype, "endDateString", void 0); 
    return MyClass; 
})(); 
// -- 3 -- 
var myClass = new MyClass(); 

Lưu ý rằng việc sử dụng this.startDateString không ném một lỗi biên dịch ở đây vì this được gõ như any.

Vì vậy, những gì đang cố gắng được thực hiện ở đây bằng cách chuyển vào một thuộc tính cá thể không có ý nghĩa và không thể thực hiện được.

Những gì bạn có thể làm là tạo startDateString tĩnh rồi chuyển vào như sau: @property({ afterDate: MyClass.startDateString }).

Answer 2

Bạn không thể truy cập vào thuộc tính đối tượng từ định nghĩa thuộc tính.

Trang trí được gọi khi thuộc tính được xác định.

Bạn có thể sử dụng getter hoặc setter để có quyền kiểm soát khi truy cập vào thuộc tính.