const url = new URL('https://shop.example.com/catalog?category=phones&page=2#reviews')

console.log(url.href)      // 'https://shop.example.com/catalog?category=phones&page=2#reviews'
console.log(url.origin)    // 'https://shop.example.com'
console.log(url.protocol)  // 'https:'
console.log(url.host)      // 'shop.example.com'
console.log(url.hostname)  // 'shop.example.com' (без порта)
console.log(url.port)      // '' (80/443 не показываются)
console.log(url.pathname)  // '/catalog'
console.log(url.search)    // '?category=phones&page=2'
console.log(url.hash)      // '#reviews'

const url = new URL('https://example.com/old-path')

url.pathname = '/new-path'
url.search   = '?version=2'
url.hash     = '#section-1'

console.log(url.href)
// 'https://example.com/new-path?version=2#section-1'

const url = new URL('https://api.example.com/products?sort=price&order=asc')
const params = url.searchParams  // объект URLSearchParams

// Чтение
console.log(params.get('sort'))       // 'price'
console.log(params.get('order'))      // 'asc'
console.log(params.get('missing'))    // null
console.log(params.has('sort'))       // true

// Изменение
params.set('sort', 'name')       // заменить значение
params.append('tag', 'sale')     // добавить параметр (может дублироваться)
params.delete('order')           // удалить параметр

console.log(url.href)
// 'https://api.example.com/products?sort=name&tag=sale'

// Итерация по параметрам
for (const [key, value] of params) {
  console.log(key, '=', value)
}

// Все значения для одного ключа (если append использовался несколько раз)
const tags = params.getAll('tag')  // ['sale']

const base = new URL('https://example.com/api/v1/')

const endpoint = new URL('./users', base)
console.log(endpoint.href)  // 'https://example.com/api/v1/users'

const absolute = new URL('/admin', base)
console.log(absolute.href)  // 'https://example.com/admin'

// Создать ссылку для скачивания файла
function downloadFile(content, filename, type = 'text/plain') {
  const blob = new Blob([content], { type })
  const url  = URL.createObjectURL(blob)

  const a    = document.createElement('a')
  a.href     = url
  a.download = filename
  a.click()

  // Обязательно освобождаем память после использования
  URL.revokeObjectURL(url)
}

downloadFile('{ "data": 42 }', 'result.json', 'application/json')

function buildProductsURL(baseURL, filters) {
  const url = new URL(baseURL)

  if (filters.category) url.searchParams.set('category', filters.category)
  if (filters.minPrice) url.searchParams.set('price_gte', filters.minPrice)
  if (filters.maxPrice) url.searchParams.set('price_lte', filters.maxPrice)
  if (filters.page)     url.searchParams.set('page', filters.page)
  if (filters.sort)     url.searchParams.set('sort', filters.sort)

  return url.href
}

const apiURL = buildProductsURL('https://api.example.com/products', {
  category: 'smartphones',
  minPrice: 10000,
  maxPrice: 80000,
  page: 2,
  sort: 'price_asc',
})

console.log(apiURL)
// 'https://api.example.com/products?category=smartphones&price_gte=10000&price_lte=80000&page=2&sort=price_asc'

// ПЛОХО — пробелы и кириллица в параметрах ломают URL
const city = 'Нижний Новгород'
const url = '/api/weather?city=' + city  // /api/weather?city=Нижний Новгород — сломано!

// ХОРОШО — URLSearchParams экранирует автоматически
const params = new URLSearchParams({ city })
const url2 = '/api/weather?' + params.toString()
// /api/weather?city=%D0%9D%D0%B8%D0%B6%D0%BD%D0%B8%D0%B9+%D0%9D%D0%BE%D0%B2%D0%B3%D0%BE%D1%80%D0%BE%D0%B4

// ПЛОХО — без базы относительный URL выбросит TypeError
const url = new URL('/api/users')  // TypeError: Failed to construct 'URL': Invalid URL

// ХОРОШО — передай базу вторым аргументом
const url2 = new URL('/api/users', 'https://example.com')
console.log(url2.href)  // 'https://example.com/api/users'

// Или используй window.location.origin в браузере
const url3 = new URL('/api/users', window.location.origin)

// ПЛОХО — URL объект в памяти до перезагрузки страницы
const blob = new Blob([data], { type: 'text/csv' })
const url = URL.createObjectURL(blob)
link.href = url
link.click()
// URL.revokeObjectURL(url) забыт — утечка памяти!

// ХОРОШО — освобождаем сразу после использования
link.click()
URL.revokeObjectURL(url)  // освобождаем память