在前端开发中，我们经常使用 window 对象来控制浏览器窗口的行为。其中，assign() 和 replace() 两个方法都可以用于改变当前的浏览器位置，但它们有着不同的特点和使用场景。本文将详细介绍这两个方法的区别，以及如何在实际开发中选择使用哪一个。
assign() 方法
assign() 方法会在当前窗口或者新开一个窗口中加载指定的 URL。如果当前窗口已经存在了历史记录，那么这个方法将会添加一个新的历史记录。这意味着用户可以通过点击“后退”按钮回到之前访问的页面。
下面是 assign() 方法的语法：
window.location.assign(url)
其中，url 是要跳转的地址，可以是绝对路径或相对路径。
示例代码
下面是一个简单的示例，演示如何使用 assign() 方法跳转到指定的 URL：
<button onclick="redirectTo('https://www.baidu.com')">百度一下</button>
<script>
function redirectTo(url) {
window.location.assign(url);
}
</script>上述代码中，当用户点击“百度一下”按钮时，将会调用 redirectTo() 函数，该函数会使用 assign() 方法将当前窗口的 URL 修改为指定的 URL。
replace() 方法
与 assign() 不同，replace() 方法会在当前窗口中加载指定的 URL，并且不会添加新的历史记录。这意味着用户无法通过点击“后退”按钮回到之前访问的页面。
下面是 replace() 方法的语法：
window.location.replace(url)
其中，url 是要跳转的地址，可以是绝对路径或相对路径。
示例代码
下面是一个简单的示例，演示如何使用 replace() 方法跳转到指定的 URL：
<button onclick="redirectTo('https://www.baidu.com')">百度一下</button>
<script>
function redirectTo(url) {
window.location.replace(url);
}
</script>上述代码中，当用户点击“百度一下”按钮时，将会调用 redirectTo() 函数，该函数会使用 replace() 方法将当前窗口的 URL 修改为指定的 URL。
总结
assign() 和 replace() 方法都可以用于改变浏览器窗口的位置，但它们有着不同的特点和使用场景。如果你希望在当前窗口中打开一个新的页面，并且希望用户能够回到之前访问的页面，那么应该使用 assign() 方法；如果你希望在当前窗口中加载一个新的页面，并且不希望用户能够回到之前访问的页面，那么应该使用 replace() 方法。
当然，在实际开发中，你也可以根据具体的需求选择使用不同的方法。希望本文能够对你有所启发，让你在使用 window 对象时更加得心应手！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/12114