在前端开发中，我们经常需要获取当前网页的域名或主机名。虽然这看起来很简单，但有多种方法可以实现该功能，并且它们之间的性能差异可能非常大。在本文中，我们将介绍一些使用 JavaScript 获取域名或主机名的最快方法。我们还将讨论每种方法的优缺点以及何时应该选择哪种方法。
方法一：使用 location 对象
获取当前 URL 的location对象是一种常见的方法。可以通过location.hostname和location.host属性获取域名和主机名：
const domainName = location.hostname; const hostName = location.host;
这两个属性返回的结果都是字符串，其中hostname不包括端口号，而host包括端口号。这种方法简单易懂，但也有一些缺点。
优势：
- 简单易用；
- 可以获取完整的主机名（包括端口号）。
不足：
- 效率较低，因为它涉及到解析整个 URL；
- 如果需要在代码中多次使用此方法，则每次调用它都会执行相同的解析过程。
方法二：使用 window.location
与location对象类似，也可以使用window.location对象来获取主机名和域名：
const domainName = window.location.hostname; const hostName = window.location.host;
这两种方法非常相似，但window.location比location稍微快一些。
优势：
- 简单易用；
- 可以获取完整的主机名（包括端口号）；
- 比
location对象更快。
不足：
- 效率仍然不高，因为它也涉及到解析整个 URL；
- 如果需要在代码中多次使用此方法，则每次调用它都会执行相同的解析过程。
方法三：使用 document.domain
如果你只需要获取当前页面的域名而不需要主机名，那么可以使用document.domain属性来获取。它返回当前文档的域名部分，不包括子域名和顶级域名：
const domainName = document.domain;
注意：如果文档的域名是localhost或 IP 地址，则此方法将返回该值，而不是实际的域名。
优势：
- 简单易用；
- 相对于前两种方法更快；
- 不会重新解析 URL。
不足：
- 只能获取域名，不能获取主机名。
方法四：手动解析 URL
最后一种方法是手动解析 URL。这是最快的方法，因为它不涉及任何对象或属性的解析。利用正则表达式将 URL 分解成各个部分，然后从中提取出域名或主机名：
const url = window.location.href; const regex = /^(https?:\/\/)?([^\/\:]+)(\:\d+)?/; const matches = regex.exec(url); const domainName = matches[2]; const hostName = matches[2] + (matches[3] || '');
此方法需要一些额外的代码来处理 URL，并且可能难以阅读和维护。但是，如果你关心性能并且需要在代码中多次使用该方法，则这是最佳选择。
优势：
- 最快的方法；
- 相对于前三种方法更高效；
- 可以获取完整的主机名（包括端口号）。
不足：
- 需要手动解析 URL。
总结
在本文中，我们介绍了获取当前网页的域名和主机名的四种方法。每
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/28336