Giả sử tôi có:

type User = {
...
}

Tôi muốn tạo một mới usernhưng đặt nó là một đối tượng trống:

const user: User = {}; // This fails saying property XX is missing
const user: User = {} as any; // This works but I don't want to use any

Làm thế nào để tôi làm điều này? Tôi không muốn biến null.

Cảnh báo

Đây là hai cảnh báo xứng đáng từ các ý kiến.

Hoặc bạn muốn người dùng thuộc loại User | {}hoặc Partial<User>, hoặc bạn cần xác định lại Userloại để cho phép một đối tượng trống. Ngay bây giờ, trình biên dịch đang cho bạn biết một cách chính xác rằng người dùng không phải là Người dùng. -jcalz

Tôi không nghĩ rằng đây nên được coi là một câu trả lời thích hợp vì nó tạo ra một thể hiện không nhất quán của kiểu, phá hoại toàn bộ mục đích của TypeScript. Trong ví dụ này, thuộc tính Usernamekhông được xác định, trong khi chú thích kiểu nói rằng nó không thể được xác định. -Ian Liu Rodrigues

Câu trả lời

Một trong những mục tiêu thiết kế của TypeScript là "đạt được sự cân bằng giữa tính đúng đắn và năng suất." Nếu bạn làm việc này hiệu quả, hãy sử dụng Type Assertions để tạo các đối tượng trống cho các biến đã nhập.

type User = {
    Username: string;
    Email: string;
}

const user01 = {} as User;
const user02 = <User>{};

user01.Email = "foo@bar.com";

Đây là một ví dụ làm việc cho bạn .

Thực sự phụ thuộc vào những gì bạn đang cố gắng làm. Các loại là tài liệu trong bảng chữ, vì vậy bạn muốn thể hiện ý định về cách thứ này sẽ được sử dụng khi bạn tạo loại.

Tùy chọn 1: Nếu Người dùng có thể có một số nhưng không phải tất cả các thuộc tính trong suốt thời gian tồn tại của họ

Đặt tất cả các thuộc tính là tùy chọn

type User = {
  attr0?: number
  attr1?: string
}

Tùy chọn 2: Nếu các biến chứa Người dùng có thể bắt đầu rỗng

type User = {
...
}
let u1: User = null;

Mặc dù, thực sự, ở đây nếu vấn đề là khai báo đối tượng Người dùng trước khi nó có thể biết được những gì sẽ được gán cho nó, bạn có thể muốn thực hiện let u1:Usermà không cần bất kỳ nhiệm vụ nào.

Tùy chọn 3: Những gì bạn có thể muốn

Thực sự, tiền đề của việc sắp chữ là đảm bảo rằng bạn đang tuân theo mô hình tinh thần mà bạn đã phác thảo trong các loại để tránh mắc lỗi. Nếu bạn muốn thêm từng thứ vào một đối tượng, đây là một thói quen mà TypeScript đang cố gắng khiến bạn không làm.

Nhiều khả năng, bạn muốn tạo một số biến cục bộ, sau đó gán cho biến chứa Người dùng khi biến đó sẵn sàng trở thành Người dùng toàn quyền. Bằng cách đó, bạn sẽ không bao giờ bị bỏ lại với Người dùng được hình thành một phần. Những thứ đó thật thô thiển.

let attr1: number = ...
let attr2: string = ...
let user1: User = {
  attr1: attr1,
  attr2: attr2
}

bạn có thể làm điều này như bên dưới trong bảng chữ

 const _params = {} as any;

 _params.name ='nazeh abel'

vì typecript không hoạt động như javascript nên chúng ta phải tạo kiểu như bất kỳ nếu không nó sẽ không cho phép bạn gán động thuộc tính cho một đối tượng

Nếu bạn khai báo một đối tượng trống theo nghĩa đen và sau đó gán giá trị sau đó, thì bạn có thể coi những giá trị đó là tùy chọn (có thể có hoặc không), vì vậy chỉ cần nhập chúng là tùy chọn với dấu chấm hỏi:

type User = {
    Username?: string;
    Email?: string;
}

Lưu ý rằng sử dụng const user = {} as UserTypechỉ cung cấp intellisense nhưng trong thời gian chạy userlà đối tượng rỗng {}và không có thuộc tính bên trong. điều đó có nghĩa là user.Emailsẽ cho undefinedthay vì""

type UserType = {
    Username: string;
    Email: string;
}

Vì vậy, hãy sử dụng classvới constructorđể thực sự tạo các đối tượng với các thuộc tính mặc định.

type UserType = {
  Username: string;
  Email: string;
};

class User implements UserType {
  constructor() {
    this.Username = "";
    this.Email = "";
  }

  Username: string;
  Email: string;
}

const myUser = new User();
console.log(myUser); // output: {Username: "", Email: ""}
console.log("val: "+myUser.Email); // output: ""

Bạn cũng có thể sử dụng interfacethay thếtype

interface UserType {
  Username: string;
  Email: string;
};

... và phần còn lại của mã vẫn như cũ.

Trên thực tế, bạn thậm chí có thể bỏ qua constructorphần và sử dụng nó như thế này:

class User implements UserType {
      Username = ""; // will be added to new obj
      Email: string; // will not be added
}

const myUser = new User();
console.log(myUser); // output: {Username: ""}