Chữ ký giao diện TypeScript cho thuộc tính mà không cần setter.

Question

Chúng tôi có một getter điển hình tại một trong các lớp học của chúng tôi, cho phép nói

class Employee implements IEmployee { 
    private _fullName: string; 

    get fullName(): string { 
     return this._fullName; 
    } 
} 

và một giao diện để làm việc với nó

interface IEmployee{ 
    fullName: string; 
} 

Khi làm việc với một thể hiện thông qua giao diện này trình biên dịch sẽ không cảnh báo chúng tôi về sự vắng mặt của một setter nếu chúng ta cố gắng gán cho fullName, và thời gian chạy JS chỉ đơn giản là nuốt bất kỳ nhiệm vụ nào và không ném một lỗi. Có cách nào để đánh dấu thành viên giao diện như chỉ có getter hoặc chỉ setter?

Tôi đã xem this post, nhưng nó khá cũ, tôi muốn biết, nếu có gì được cải thiện.

Answer 1

Đây là một câu hỏi thú vị. Khái niệm về một thuộc tính chỉ đọc là khác nhau một cách tinh tế trong TypeScript với các ngôn ngữ khác.

Trong nhiều ngôn ngữ, một thuộc tính có trình khởi động (nhưng không có trình cố định) sẽ làm tăng lỗi trình biên dịch nếu bạn cố đặt thuộc tính, nhưng TypeScript thì không.

Thuộc tính vẫn là chỉ đọc, bởi vì nó không có sự khác biệt nếu bạn cố gắng đặt; bộ sẽ không âm thầm.

Dưới đây là một ví dụ mà không cần bất kỳ giao diện:

class Example { 
    get name() { 
     return 'Steve'; 
    } 
} 

var y = new Example(); 
y.name = 'Example 2'; 
alert(y.name); 

Không có cảnh báo trình biên dịch khi tôi sử dụng x.name = 'Example 2';.

Nếu có là cảnh báo trình biên dịch, tôi sau đó sẽ mong đợi có cách xác định nguyên lý chỉ đọc của thuộc tính trong giao diện. Như bạn mong đợi, mặc dù được cung cấp thông tin trên, bạn không thể đặt thuộc tính chỉ đọc trên giao diện.

interface Test { 
    name: string; 
} 

class Example { 
    get name() { 
     return 'Steve'; 
    } 
} 

var x: Test = new Example(); 
x.name = 'Example 1'; 
alert(x.name); 

var y = new Example(); 
x.name = 'Example 2'; 
alert(x.name); 

này nghĩa là bạn chỉ có thể thực thi readonly-Ness bằng việc có một phương pháp để có được giá trị của tài sản (và rõ ràng là không có phương pháp cho phép nó được thiết lập).

interface Test { 
    getName:() => string; 
} 

class Example { 
    getName() { 
     return 'Steve'; 
    } 
} 

var x: Test = new Example(); 
//x.getName('Obviously not'); 
//x.getName() = 'Obviously not'; 
alert(x.getName()); 

var y = new Example(); 
//y.getName('Obviously not'); 
//y.getName() = 'Obviously not'; 
alert(y.getName());