看到有vue專案中別人寫到:
// 如果从详情返回并且之前存有对应的查询条件和参数
// 则直接渲染之前的数据
if (window.window.sessionStorage.searchKey && window.window.sessionStorage.tab === this.searchKey.tab) {
this.topics = JSON.parse(window.window.sessionStorage.topics);
this.searchKey = JSON.parse(window.window.sessionStorage.searchKey);
// 下一个dom 更新序列之后再执行函数
this.$nextTick(
() => $(window).scrollTop(window.window.sessionStorage.scrollTop)
);
} else {
this.getTopics();
}
這裡的window.window.sessionStorage為什麼要加兩個window?
照理說,window.window.sessionStorage=== window.sessionStorage 的結果是true,作者這樣寫是有哪方面的考慮呢?
w3c 上是這樣說的:
window.window 屬性等價於 self 屬性,它包含了對視窗本身的參考。
window.window 這樣的寫法還有哪些應用場景呢?
這樣寫好像沒什麼意義吧,window本來就是在window下,加多一個有何意義?
由此,我認為沒有任何差別。
之所以會有
window.window
這種做法 應當是為了避免什麼:個人看法
JavaScript 的垃圾回收 GC
可能把 window 物件回收掉 因此這麼做了。來自爆棧的說法
(最底下那個) Stackoverflow - window.window in JavaScript
MDN 的解釋
The window property of a window object points to the window object itself