流量HTMLElement.querySelector返回一個iframe

Question

流量似乎並沒有認識到querySelector可以返回HTMLElement亞型：

var myIframe = document.querySelector('iframe'); 

function foo(iframe: HTMLIFrameElement): void { 
    // I want to do iframe stuff! 
} 

foo(myIframe); 

主要生產

10: foo(myIframe); 
     ^HTMLElement. This type is incompatible with 
6: function foo(iframe: HTMLIFrameElement): void { 
         ^HTMLIFrameElement 

在https://flowtype.org/try。

有沒有什麼辦法可以鍵入myIframe，讓我打字它作爲Object同時使用其HTMLElement特性及其HTMLIFrameElement性質，分開？

Answer 1

Flow不知道如何解析一個選擇器，它需要做些什麼來理解返回哪種元素。它能夠理解getElementsByTagName的更簡單的API，所以it knows即getElementsByTagName('iframe')返回HTMLCollection<HTMLIFrameElement>。

使用querySelector，您需要施放它。事情是這樣的：

var myIframe = ((document.querySelector('iframe'): any): HTMLIFrameElement);