URL özellikleri
- Node.js kursu
- Orta seviye
- Ders 108/116
- 5 dk
URL.pathname, hostname, port özelliklerini öğrenirsin.
pathname, hostname, port
Bir URL nesnesinin adres bileşenlerine özelliklerle erişirsin. pathname yol kısmını, hostname sunucu adını, port bağlantı noktasını verir.
Örnek: new URL("https://example.com:8080/path/to/page") için pathname "/path/to/page", hostname "example.com", port "8080" olur. port boşsa standart bağlantı noktası kullanılır (https için 443, http için 80); bu durumda url.port boş dize verir. hostname sadece adı verir; host ise ad+port birleşimini verir ("example.com:8080"). Yönlendirme (routing) işlerinde pathname en sık kullanılan özelliktir; Express gibi çerçeveler bunu otomatik ayrıştırır.
protocol, hash, origin
Diğer özellikler: protocol protokolü ("https:"), hash çapa kısmını ("#bolum"), origin protokol+sunucu+port birleşimini verir.
Örnek: new URL("https://example.com:8080/path?q=1#bolum") için protocol "https:", hash "#bolum", origin "https://example.com:8080" olur. protocol sonunda iki nokta üst üste olur; karşılaştırma yaparken buna dikkat et. hash yalnızca tarayıcıda sayfa içi konum için kullanılır; sunucu bu kısmı görmez. origin CORS (çapraz kaynak) denetimlerinde kritiktir; iki URL'nin aynı kaynaktan gelip gelmediğini karşılaştırır. Bu dersin ödevinde pathname, hostname ve port'u ayrı ayrı yazdıracağız.
Uygulama URL bileşenlerini ayrı yazdır
const url = new URL("https://example.com:8080/path/to/page?q=1"); ile URL yarat. console.log(url.pathname), console.log(url.hostname) ve console.log(url.port) ile üç bileşeni ayrı satırlarda yazdır.
Başlangıç kodu
// URL yarat
// buraya yaz
// pathname, hostname, port yazdır
// buraya yazÖrnek çözüm
const url = new URL("https://example.com:8080/path/to/page?q=1");
console.log(url.pathname);
console.log(url.hostname);
console.log(url.port);Beklenen çıktı
/path/to/page example.com 8080
Soru ve cevaplar
Dersin sorularını cevaplarıyla birlikte inceleyebilirsin. Kendini denemek istersen dersi interaktif olarak çöz.
1 Özelliği değerine eşle
| Kavram | Anlamı |
|---|---|
pathname |
/path/to/page |
hostname |
example.com |
port |
8080 |
host |
example.com:8080 |
2 new URL("https://example.com:8080/x").port ne verir?
new URL("https://example.com:8080/x").port- "443"
- "80"
- ""
- "8080" Doğru cevap
Açıklama: 8080 açıkça belirtilmiştir; port özelliği onu verir.
3 pathname erişimini tamamla
const yol = url.____;const yol = url.pathname;Açıklama: pathname yol kısmını verir.