document console.logって

Question

documentやconsole.logについて調べてるんですが、これらは例えばPHPでいうechoやprint等の出力関数的な意味なんでしょうか
またconsole.logは開発ツールのコンソールからでないと出力不可、ファイルをクリックしてブラウザに直で表示させるにはdocumentが別途必要という様な説明書きを読んだんですが、そういう解釈でいいんでしょうか

正直理解しにくくて分かりやすい例え等があればいいんですが

Answer 1

console.logで出力すると開発ツールでの参照になるので、
オブジェクトをドリルダウンすることができます。
そういう意味ではechoやprintなどより高度なデバッグができます。

documentについては、デバッグでdocument.writeすると
レイアウトが崩れるので、問題点の切り分けが難しくなりるため
最近では推奨されません。
input(text)やデバッグ領域を用意すしてdocument.getElementByIdなどで
吐き出すこともできますが、console.logが用意されている環境で
わざわざ面倒なことをする必要はないでしょう

Answer 2

基本的な認識は当たっています。

PHPでのprint()等と同じ機能を持ちます。

JavaScript上のconsole.log()はDeveloperがデバッグの為に使われると想定されている為、
PHPの様にファイルの出力としては表示されません。

#consoleの便利な使い方

質問者さんはPHPを知っている様なので、PHPにもJavaScriptにもある便利な機能を1つ紹介させて頂きます。

consoleはlog()以外にも複数メソッドを持っており、主に使われるのは次の2つです。

• log()
• dir()

log()は質問者さんも理解している様ですね。dir()とはPHPで言うprint_r()の様な物で、
JavaScript上のオブジェクトはconsole.dir()で構造化して見る事が出来る様になります。

Answer 3

PHPでいうechoやprintなどはどちらかというとdocumentに近いと思います。
Webページのどの部分かを指定して表示を変更する場合などはHTMLDocumentを利用したり、様々なDocumentが考えられます。

console.logに関してはブラウザについている開発機能の一部で、consoleに表示されるものです。

【参考】
http://wp-p.info/tpl_rep.php?cat=js-biginner&fl=r4
http://hakuhin.jp/js/document.html