Kiểm tra Javascript nếu biến là cửa sổ

Question

bạn có biết cách tốt để kiểm tra xem biến có phải là đối tượng cửa sổ trong javascript không? Tôi đã thử với:

var variable=window; 
Object.prototype.toString.call(variable); 

Trong Firefox nó trả "[object Window]" nhưng trong IE "[object Object]" vì vậy đó là không đúng cách. Bạn có biết cách kiểm tra chính xác không?

Answer 1

Có, nhưng tôi cần một cách để kiểm tra tất cả các cửa sổ không chỉ là hiện tại một

Có một vài cách bạn có thể làm điều này. Phương pháp đơn giản nhất là kiểm tra một hoặc hai thuộc tính đã biết trên đối tượng cửa sổ. Ngoài ra còn có các self bất động sản - cho mỗi cửa sổ, bạn có thể kiểm tra self tài sản tương đương với các đối tượng cửa sổ:

myvar.self == myvar; 
window.self == window; 
frameElement.contentWindow.self == frameElement.contentWindow; 

Answer 2

variable == window 

Ai đó vẫn có thể xác định biến cục bộ được gọi là window. Tôi không chắc chắn có một cách nào đó có khả năng đàn hồi cho tất cả các shenanigans như vậy. Ai đó có thể tạo một đối tượng sao chép hầu hết các thuộc tính và chức năng của cửa sổ, bao gồm toString.

Answer 3

if(variable == window) 

Tất nhiên chỉ kiểm tra nếu đối tượng biến là cửa sổ này (tức là cửa sổ của tài liệu đang thực thi javascript).

Ngoài ra, bạn có thể thử một cái gì đó như thế này:

if(variable.document && variable.location) 

Và kiểm tra sự tồn tại của một vài lĩnh vực cửa sổ và/hoặc chức năng, do đó bạn là khá chắc chắn rằng nó là một cửa sổ ...

Answer 4

làm thế nào về chỉ:

isWindow = variable === window; 

Các triple-bằng ngăn gõ ép buộc mà nếu không sẽ làm cho điều này khó khăn hơn nhiều việc phải làm.

Answer 5

Kể từ window là một biến toàn cầu và biến toàn cục là tài sản của đối tượng toàn cầu, window.window sẽ bằng window . Vì vậy, bạn có thể kiểm tra:

if (mysteryVariable.window == mysteryVariable) 
    ... 

Vấn đề là điều này có thể bị lừa nếu chúng ta có một đối tượng như thế này:

var q = {}; 
q.window = q; 

Nếu đó là không có khả năng, sau đó bạn có thể sử dụng mã này.

Answer 6

Sau khi toying xung quanh với nhiều lựa chọn, tôi tin rằng đây là phương pháp chính xác nhất để phát hiện nếu một đối tượng là một cửa sổ trình duyệt chéo:

(function() { 
    "use strict"; 
    var wStr; 
    wStr = Object.prototype.toString.call(window); 
    function isWindow(arg) { 
     var e, 
      str, 
      self, 
      hasSelf; 
     //Safari returns DOMWindow 
     //Chrome returns global 
     //Firefox, Opera & IE9 return Window 
     str = Object.prototype.toString.call(arg); 
     switch (wStr) { 
     case '[object DOMWindow]': 
     case '[object Window]': 
     case '[object global]': 
      return str === wStr; 
     } 
     ///window objects always have a `self` property; 
     ///however, `arg.self == arg` could be fooled by: 
     ///var o = {}; 
     ///o.self = o; 
     if ('self' in arg) { 
      //`'self' in arg` is true if 
      //the property exists on the object _or_ the prototype 
      //`arg.hasOwnProperty('self')` is true only if 
      //the property exists on the object 
      hasSelf = arg.hasOwnProperty('self'); 
      try { 
       if (hasSelf) { 
        self = arg.self; 
       } 
       delete arg.self; 
       if (hasSelf) { 
        arg.self = self; 
       } 
      } catch (e) { 
       //IE 7&8 throw an error when window.self is deleted 
       return true; 
      } 
     } 
     return false; 
    } 
}()); 

tôi sẽ cần phải thực hiện một số chặt chẽ hơn đơn vị thử nghiệm, do đó, hãy cho tôi biết về bất kỳ sự mâu thuẫn nào phát sinh.

Answer 7

Tìm thấy mã này trong mã nguồn AngularJS. Một lót và đập vào mục tiêu.

return variable && variable.document && variable.location && variable.alert && variable.setInterval; 

Answer 8

var x = new Window(); 
x instanceof Window 
var y = [] 
y instanceof Window 

Answer 9

let isWindowObj = (anObject instanceof Window);