LoginSignup
1
1

More than 3 years have passed since last update.

windowオブジェクトを超ミニマムに解説してみる

Last updated at Posted at 2020-10-25

超ミニマムシリーズとは

様々な事柄に関して超短く解説するシリーズです。
これを読んであなたの興味が沸き、その飽くことのない知識欲を満たすことを願っています。

windowオブジェクトとは

ブラウザに標準で用意されているグローバルなオブジェクト

意識していないだけで必ずwindowオブジェクトは使っている

皆さんが何気なく使っている関数やメソッドは、windowオブジェクトの中のものを使っている場合が多いです。
例えば次のコード

main.js
alert('hello');

↑のalert()は文字通り、ブラウザ上で警告文を出すためのメソッドです。
実はこのalert()の先頭には隠れてるコードがあって、それがwindowオブジェクトです。
つまり、

main.js
window.alert('hello');

↑のように書いても同じ結果になります。
普段はこのwindow.の部分を省略してるということですね。

main.js
console.log(window);

試しにconsole.log(window)でwindowオブジェクトを見てみると
image.png
このように多くの関数やプロパティなどが出てきます。その中にalertもあります。

おまけ(グローバルなオブジェクトとは)

どこからでもアクセスできるオブジェクト
windowオブジェクトはどこのスコープからでもアクセスできるので省略して書けるということです。

1
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
1