location.href property vs. location.assign() method
与
我想我想知道是否需要更多的内存来访问方法而不是设置属性。
我个人更喜欢调用函数,因为调用函数给我一个更好的印象,即某事物正在运行,而不仅仅是变化的变量的值。
但是可能是的,虽然它可能取决于JavaScript引擎实现,但
我一直使用,从来没有遇到过以下问题:
1 | location.href = url; |
调用一个函数应该比访问该属性慢一些,但是就内存而言,我的拙见不应有太大区别。
我知道这很旧,但是在寻找一种方法来检查单元测试是否重定向到正确的URL时,我偶然发现了这一点。
如果您更关心测试,我会选择
因此,使用笑话:
1 2 3 4 5 6 7 8 | window.location.assign = jest.fn(); myUrlUpdateFunction(); expect(window.location.assign).toBeCalledWith('http://my.url'); // Clean up :) window.location.assign.mockRestore(); |
Is there any particular advantage/disadvantage in JavaScript memory consumption between using location.href = url as opposed to location.assign(url)?
没有
恰好有零差异。
这样做的原因是简单的。每次浏览器加载新页面时,它都会使用该VM中运行的该页面的脚本来启动一个新的Javascript'VM'。运行问题中的任何一条语句时,都在指示浏览器加载新页面,这意味着销毁当前VM(并释放与其关联的所有内存),并为新页面加载全新的VM。
除任何奇怪的浏览器错误外,其净效果始终相同。您的脚本正在具有完全相同的内存消耗的全新VM中运行。
分配
如果您正在浏览器中使用定位对象,并且希望能够在Node JS上运行此代码(例如,用于测试或等距代码),则可以使用
在Windows Server 2008 R2 / 7 64位上测试了我的机器/浏览器http://jsperf.com/location-href-vs-location-assign/2,用于Chrome 40.0.2214.93 32位
location.assign比location.href慢15%。