js 拼接url

let baseUrl = 'https://example.com';
let path = '/api/data';
let query = '?id=123';
let url = baseUrl + path + query;
console.log(url); // 输出: https://example.com/api/data?id=123

let baseUrl = 'https://example.com';
let path = '/api/data';
let id = 123;
let url = `${baseUrl}${path}?id=${id}`;
console.log(url); // 输出: https://example.com/api/data?id=123

let baseUrl = 'https://example.com/api/data';
let params = new URLSearchParams({ id: 123 });
let url = new URL(params.toString(), baseUrl);
console.log(url.toString()); // 输出: https://example.com/api/data?id=123

let baseUrl = 'https://example.com/api/data';
let paramValue = '中文';
let encodedParamValue = encodeURIComponent(paramValue);
let url = `${baseUrl}?param=${encodedParamValue}`;
console.log(url); // 输出: https://example.com/api/data?param=%E4%B8%AD%E6%96%87

// 使用URL构造函数
let baseUrl = 'https://example.com';
let path = '/api/data';
let url = new URL(path, baseUrl);
console.log(url.toString()); // 输出: https://example.com/api/data

let userInput = '<script>alert("XSS")</script>';
let safeInput = encodeURIComponent(userInput);
let url = `https://example.com/search?q=${safeInput}`;
console.log(url); // 输出: https://example.com/search?q=%3Cscript%3Ealert%28%22XSS%22%29%3C%2Fscript%3E