consoleオブジェクト

Question

consol.logがコンソールインスタンス作らずに呼び出せるのはなぜですか？？
windows.consoleだからですか？？
教えてください
初心者です

Answer 1

Console Living Standard

consol.logがコンソールインスタンス作らずに呼び出せるのはなぜですか？？

仕様です。

https://triple-underscore.github.io/console-ja.html#console-namespace

[Exposed=(Window,Worker,Worklet)]
namespace console { /*  が、下の名前空間オブジェクト要件も見よ。  */

グローバルオブジェクト

またグローバルオブジェクトというのはwindows.とかのやつで、

ブラウザのグローバルオブジェクトは window です。

組み込みオブジェクトの場合はarrayなどはnewでインスタンス作らないとメソッドとかは使えませんよね？？

new Array は [] と書けます。
Array は new Window や new Function と書かなくとも、正しく機能します。

Re: yuu123 さん

Answer 2

回答は出ていますので、補足に留めますね。

既にインスタンスはシステムによって作られています

グローバルオブジェクトは windowに定義されたオブジェクトのことを言います。
window 部分を省略でき、どのスコープからも参照できます。

console.log( window.Array === Array ) // true
window.myAry = new window.Array() // windowの書き換え：メンバ myAry を追加
myAry.push("hoge");
console.log( myAry === window.myAry ) // true
console.log( myAry ) // ["hoge"]

開発に使うコンソール用オブジェクトは誤って書き換えられないよう
インスタンス（Arrayの例でいう myAry 部分）だけが参照できます。

是非、参照可能範囲であるJavaScript スコープやオブジェクト汚染も調べてみてください。

Comments

[yuu123]

Arrayとかの組み込みオブジェクトも、windowに定義されてるってことですか？？
windowに定義されてるから書き換えられたらまずいからインスタンスで使うってことですか？
ってことは、windowとかwindow.consoleは書き換えられる可能性があるってことですか？

[AkitoshiManabe]

組み込み（ビルトイン）オブジェクトは皆、windowオブジェクトに定義されています。Consoleタブで window. と入力すると確認できます。また、Console オブジェクトは細かな情報を扱うので悪用されない目的もあって限られた機能だけが公開されます。（書き換えについては、オブジェクト汚染を調べてみてください）

Answer 3

グローバルに定義済みなオブジェクトだからです。
環境に依りますが、JavaScriptを実行しているときには既にインスタンスはシステムによって作られています。

console - Web API | MDN
https://developer.mozilla.org/ja/docs/Web/API/console

Comments

[yuu123]

派生オブジェクトなら、windows.console.logとしなくていいんですか？？
またグローバルオブジェクトというのはwindows.とかのやつで、
組み込みオブジェクトの場合はarrayなどはnewでインスタンス作らないとメソッドとかは使えませんよね？？

[dameo]

派生はしていません。
ブラウザからconsoleだけでアクセスできる理由は、thisがwindowになっているからです。
Arrayオブジェクトという意味では使えているからnewで新しいインスタンスを作れるという言い方になります。
言語仕様的にもバージョンごとに用語や定義などが違ってきますが、この辺を参考にしてください。

オブジェクト指向 JavaScript 入門 - JavaScript | MDN
https://developer.mozilla.org/ja/docs/Web/JavaScript/Introduction_to_Object-Oriented_JavaScript#The_object_(class_instance)

[dameo]

なんだかいろいろな人が回答書いてくれてるので、少し補足しておきますね。

JavaScriptの言語仕様は歴史的経緯により、一言で言うとぐちゃぐちゃです。
なので、初心者とおっしゃっている方に正確な仕様を説明すると、都度湧き上がる疑問を解消するための歴史的経緯の説明が必要になってしまいます。でもそれは初学の人に必要な知識では全くありません。一行でも多くコードを書いた方が勉強になります。

そこで、なるべく嘘を入れずに(入ってるけど)、かつ個人のブログでない確からしいドキュメントをベースに説明をしました。結果的にかえって複雑になってしまったことをお詫びします。

質問者の方はすみませんが、書かれてしまった以上、なるべく細かい部分も理解して頂ければと思います。用語が割と他の言語の定義と正確には違うので、慣れた用語も定義は慎重に読んだ方がいいかもです。長文すみません。