window: As the name suggests, the window, the browser window. Window is an instance of the object constructor.
Properties and methods that include a browser, such as a screen, location, history, setInterval like.
BOM: BrowserObjectModel; browser object model; In order to deal with browser-related.
window is a top-level object of the BOM.
document: the document object, a html page is a document object. It contains <! DOCTYPE html> declaration.
You can access the document content within the property provided by a variety of methods and document objects. Inside each tag is a DOM object.
const htmlDOM = document.documentElement;
const rooElement = document.getElementById('root');
DOM: DocumentObjectModel. Document Object Model.
The document object is a top-level object the DOM.
Further comprising a window object document object.
window.document === document