TypeScript Veri Tipleri: string, number, boolean ve Diğerleri

TypeScript tipleri, bir değişkenin ne tür bir değer tutabileceğini tanımlar. Tipi iki nokta üst üsteden sonra yazarsınız, let name: string, ve derleyici oraya yanlış türde bir değer koyan her kodu reddeder. Temel tipler, yedi JavaScript primitive'i ile diziler ve nesneler için nesne tipleridir.

let title: string = "TypeScript";
let version: number = 7;
let isStrict: boolean = true;
let big: bigint = 9007199254740993n;
let id: symbol = Symbol("id");
let nothing: null = null;
let notSet: undefined = undefined;

let scores: number[] = [90, 72, 85];
let user: { name: string; age: number } = { name: "Ada", age: 36 };

console.log(title, version, isStrict, big, id);
console.log(nothing, notSet);
console.log(scores, user);

Notasyonlar derleme zamanında kontrol edilir ve sonra silinir. Çalışan program düz JavaScript'tir.

Primitive Tipler

Tip adları küçük harflidir. Çalışma zamanında typeof çoğu için aynı kelimeleri döndürür; yani program çalışırken bir değerin primitive tipini typeof x === "number" ile kontrol edersiniz.

Tip Notasyonları

Notasyon, bir değişkenden, bir parametreden ya da bir fonksiyonun parametre listesinden sonra gelen : Type ifadesidir. Notasyonların en çok önem taşıdığı yer parametrelerdir, çünkü TypeScript çağıranın ne göndereceğini tahmin edemez.

function describe(name: string, age: number, admin: boolean): string {
    return `${name} (${age})${admin ? " [admin]" : ""}`;
}

let label: string = describe("Ada", 36, true);
console.log(label); // Ada (36) [admin]

// Without an annotation, TypeScript infers the type from the value:
let count = 10; // count: number
count = count + 1;
console.log(count); // 11

Bir değişkene aynı satırda başlangıç değeri verildiğinde notasyon genellikle gereksizdir: let count = 10 zaten number tipindedir. Tipleri yazmamanın kuralları tip çıkarımı sayfasında.

Yanlış Tip Bir Derleme Hatasıdır

Yanlış tipte bir değer atayın, derleyici hiçbir şey çalışmadan durur:

// This does not compile: a string is not a number.
let port: number = 8080;
port = "3000";
console.log(port);

Derleyici şunu yazdırır:

index.ts(3,1): error TS2322: Type 'string' is not assignable to type 'number'.

Çözüm değeri dönüştürmektir, port = Number("3000"); ya da değişken gerçekten metin tutmalıysa notasyonu değiştirmektir.

number: Tam Sayı Tipi Yok

JavaScript her sayıyı 64 bitlik bir kayan nokta değeri olarak saklar, bu yüzden TypeScript'te tek bir number tipi vardır. Tam sayılar Number.MAX_SAFE_INTEGER (2 ** 53 - 1) değerine kadar kesindir. Bunun ötesinde bigint kullanın.

let price: number = 19.99;
let quantity: number = 3; // also number: no int type

console.log(Number.isInteger(quantity)); // true
console.log(Number.isInteger(price));    // false
console.log(Math.trunc(7 / 2));          // 3 (integer division)
console.log(0.1 + 0.2);                  // 0.30000000000000004

console.log(Number.MAX_SAFE_INTEGER);     // 9007199254740991
console.log(Number.MAX_SAFE_INTEGER + 2); // 9007199254740992 (wrong)

let exact: bigint = 9007199254740991n + 2n;
console.log(exact); // 9007199254740993n

// @ts-expect-error: bigint and number cannot be mixed
const mixed = () => exact + 1;
console.log(exact + BigInt(1), Number(exact)); // 9007199254740994n 9007199254740992

bigint ve number karışmaz: exact + 1 bir derleme hatasıdır (TS2365: Operator '+' cannot be applied to types 'bigint' and '1'.; burada '1', 1 değerinin literal tipidir) ve bir şekilde çalışsaydı çalışma zamanında da bir TypeError olurdu. Bir tarafı BigInt(1) veya Number(exact) ile açıkça dönüştürün; Number fonksiyonunun güvenli aralığın ötesindeki değerleri yuvarladığını unutmayın.

Yalnızca tam sayıları kabul eden bir tip istiyorsanız, TypeScript bunu keyfi değerler için ifade edemez. Değerin programınıza girdiği yerde Number.isInteger ile doğrulayın.

boolean

boolean tipinin tam olarak iki değeri vardır: true ve false. Yalnızca truthy olan değerler (1, "yes") boolean değildir; onları Boolean(x) veya x !== 0 ile boolean'a çevirin.

let loggedIn: boolean = false;
const items: string[] = ["a", "b"];

const hasItems: boolean = items.length > 0;
const hasName: boolean = Boolean("Ada");

console.log(loggedIn, hasItems, hasName); // false true true

null ve undefined

strict açıkken (TypeScript 6.0'dan beri varsayılan) null ve undefined ayrı tiplerdir ve string, number ya da başka bir tipin parçası değildir. Boş olabilecek bir değişken bunu bir union ile belirtir:

let nickname: string | undefined;
console.log(nickname); // undefined

nickname = "Ace";
console.log(nickname.toUpperCase()); // ACE

let middleName: string | null = null;
console.log(middleName ?? "(none)"); // (none)

undefined olabilecek bir değerin özelliğini okumak, siz onu kontrol edene kadar bir derleme hatasıdır. Kontrolleri, ?. ve ?? operatörlerini null ve undefined sayfası anlatıyor.

Kısaca Diziler ve Nesneler

Primitive olmayan her şey bir nesne tipidir. İlk karşılaşacağınız üç biçim:

let tags: string[] = ["ts", "js"];               // array of strings
let point: { x: number; y: number } = { x: 1, y: 2 }; // object with two number properties
let greet: (name: string) => string = (n) => `hi ${n}`; // function type

Her birinin kendi sayfası var: diziler, tuple'lar (sabit uzunluklu diziler), nesne tipleri ve fonksiyon tipleri.

string, number, boolean ile String, Number, Boolean

Büyük harfle başlayan adlar sıradan değerlerin değil, JavaScript'in sarmalayıcı nesnelerinin (new String("x")) tipleridir. Notasyonlarda küçük harfli adları kullanın.

// This does not compile: String (the wrapper) is not string (the primitive).
const wrapped: String = "text";
const plain: string = wrapped;
console.log(plain);

index.ts(3,7): error TS2322: Type 'String' is not assignable to type 'string'.
  'string' is a primitive, but 'String' is a wrapper object. Prefer using 'string' when possible.

İlk satırdaki String kelimesini string yapın, blok çalışır. Aynısı Number, Boolean, Symbol ve BigInt için de geçerlidir. (Object farklı bir durumdur: primitive'ler dahil neredeyse her değeri kabul eder; nesne tiplerine bakın.)

Diğer Yerleşik Tipler

Birkaç tip daha erken karşınıza çıkar. Her birinin kendi sayfası var.