Jak zadeklarować typ zerowy w TypeScript?

Question

Mam interfejs w TypeScript.

interface Employee{ 
    id: number; 
    name: string; 
    salary: number; 
} 

Chciałbym uczynić "wynagrodzenie" jako pole zerowe (jak możemy zrobić w języku C#). Czy można to zrobić w TypeScript?

Answer 1

wszystkie pola w JavaScript (oraz w maszynopisie) może mieć wartość null lub undefined.

Możesz ustawić pole opcjonalnie, które różni się od zerowania.

interface Employee1 { 
    name: string; 
    salary: number; 
} 

var a: Employee1 = { name: 'Bob', salary: 40000 }; // OK 
var b: Employee1 = { name: 'Bob' }; // Not OK, you must have 'salary' 
var c: Employee1 = { name: 'Bob', salary: undefined }; // OK 
var d: Employee1 = { name: null, salary: undefined }; // OK 

// OK 
class SomeEmployeeA implements Employee1 { 
    public name = 'Bob'; 
    public salary = 40000; 
} 

// Not OK: Must have 'salary' 
class SomeEmployeeB implements Employee1 { 
    public name: string; 
} 

Porównaj z:

interface Employee2 { 
    name: string; 
    salary?: number; 
} 

var a: Employee2 = { name: 'Bob', salary: 40000 }; // OK 
var b: Employee2 = { name: 'Bob' }; // OK 
var c: Employee2 = { name: 'Bob', salary: undefined }; // OK 
var d: Employee2 = { name: null, salary: 'bob' }; // Not OK, salary must be a number 

// OK, but doesn't make too much sense 
class SomeEmployeeA implements Employee2 { 
    public name = 'Bob'; 
} 

Answer 2

Po prostu dodaj znak zapytania ? do opcjonalnego pola.

interface Employee{ 
    id: number; 
    name: string; 
    salary?: number; 
} 

Answer 3

miałem to samo pytanie jakiś czas temu .. Wszystkie rodzaje w ts są pustych, bo nieważne jest podtypem wszystkich typów (w przeciwieństwie, na przykład, Scala) .

zobaczyć, czy ten schemat blokowy pomaga - https://github.com/bcherny/language-types-comparison#typescript

Answer 4

typ Unia jest w moim umyśle najlepszym rozwiązaniem w tym przypadku:

interface Employee{ 
    id: number; 
    name: string; 
    salary: number | null; 
} 

// Both cases are valid 
let employe1: Employee = { id: 1, name: 'John', salary: 100 }; 
let employe2: Employee = { id: 1, name: 'John', salary: null };