URL nesnesi

new URL() ile URL ayrıştırmayı öğrenirsin.

URL nesnesi

Node.js'in gömülü URL sınıfı bir adresi ayrıştırır ve bileşenlerine ayırır. new URL("https://...") ile yaratırsın; içe aktarmaya gerek yoktur (global).

Örnek: const url = new URL("https://example.com:8080/path?q=merhaba");. Bu nesne href, protocol, hostname, port, pathname, search gibi özelliklere sahiptir. Geçersiz bir adres verirsen TypeError fırlatır; bu yüzden kullanıcı girdisinden URL yaratırken try/catch kullanmak iyi bir alışkanlıktır. url.href tam adresi dize olarak verir; ayrıştırma ve yeniden birleştirme işlemi sıralamayı standartlaştırır. URL nesnesi hem sunucu (server) hem tarayıcı kodunda aynı şekilde çalışır.

URL özelliklerine genel bakış

Bir URL nesnesinin yaygın özellikleri: href (tam adres), protocol (https:), hostname (example.com), port (8080), pathname (/path), search (?q=1), hash (#bolum).

Örnek: new URL("https://example.com:8080/path?q=1#bolum") için protocol "https:", hostname "example.com", port "8080", pathname "/path", search "?q=1", hash "#bolum" olur. origin protokol+sunucu+port birleşimidir: "https://example.com:8080". Bu özellikler hem okunabilir hem yazılabilir; bir özelliği değiştirince href otomatik güncellenir. Özellikler sonraki derslerin konusudur; burada yalnızca href'i yazdırıp ayrıştırmanın çalıştığını göreceğiz.

Uygulama URL'yi ayrıştır ve href yazdır

const url = new URL("https://example.com:8080/path?q=merhaba"); ile URL yarat. console.log(url.href) ile tam adresi yazdır.

Örnek çözümü göster

const url = new URL("https://example.com:8080/path?q=merhaba");
console.log(url.href);

Kendini test et

new URL() ne döndürür?
```
const url = new URL("https://example.com");
```
- Bir dize
- Bir URL nesnesi
- Bir sayı
- Bir Promise
Cevabı göster

Bir URL nesnesi — new URL() bir URL nesnesi döndürür.

URL oluşturmayı tamamla

const url = new ____(adres);

Cevabı göster

const url = new URL(adres);

Parçayı rolüne eşle

new URL()

URL nesnesi yaratır
href

Tam adres
protocol

Protokol (https:)
search

Sorgu dizesi (?q=1)

Sıradaki ders: URLSearchParams

Deneyiminizi Geliştiriyoruz

Çerez Tercihleri

Kesinlikle Gerekli Çerezler

Analitik Çerezler