Revision 1134207 of Console.log()

<div>{{APIRef("Console API")}}{{Non-standard_header}}</div>

<p>Выводит сообщения в веб-консоль.</p>

<p>{{AvailableInWorkers}}</p>

<h2 id="Синтаксис">Синтаксис</h2>

<pre class="syntaxbox">
console.log(<em>obj1</em> [, <em>obj2</em>, ..., <em>objN</em>]);
console.log(<em>msg</em> [, <em>subst1</em>, ..., <em>substN</em>]);
</pre>

<h2 id="Параметры">Параметры</h2>

<dl>
 <dt><code>obj1</code> ... <code>objN</code></dt>
 <dd>Список объектов JavaScript для вывода. Строковые представления каждого из этих объектов соединяются&nbsp;вместе в указанном порядке и выводятся.</dd>
 <dt><code>msg</code></dt>
 <dd>Строка JavaScript, содержащая 0 и более <a href="/ru/docs/Web/API/console#Using_string_substitutions">подстановочных символов</a> для замены (см. <code>subst1</code> ... <code>substN</code>).</dd>
 <dt><code>subst1</code> ... <code>substN</code></dt>
 <dd>JavaScript-объекты, с помощью которых произойдёт замена подстановочных символов в <code>msg</code>. Это даст вам дополнительный контроль над форматом вывода.</dd>
</dl>

<p>Больше подробностей смотрите в разделе&nbsp;<a href="/ru/docs/DOM/console#Outputting_text_to_the_console">Вывод текста в консоль&nbsp;</a>документации {{domxref("console")}}.</p>

<h2 id="Спецификация">Спецификация</h2>

<table class="standard-table">
 <thead>
  <tr>
   <th scope="col">Спецификация</th>
   <th scope="col">Статус</th>
   <th scope="col">Комментарий</th>
  </tr>
 </thead>
 <tbody>
  <tr>
   <td>{{SpecName("Console API", "#consolelogobject--object-", "console.log()")}}</td>
   <td>{{Spec2("Console API")}}</td>
   <td>Первоначальное определение</td>
  </tr>
 </tbody>
</table>

<h2 id="Поддержка">Совместимость с браузерами</h2>

<p>{{CompatibilityTable}}</p>

<div id="compat-desktop">
<table class="compat-table">
 <tbody>
  <tr>
   <th>Возможность</th>
   <th>Chrome</th>
   <th>Firefox (Gecko)</th>
   <th>Internet Explorer</th>
   <th>Opera</th>
   <th>Safari</th>
  </tr>
  <tr>
   <td>Базовая поддержка</td>
   <td>{{CompatVersionUnknown}}</td>
   <td>{{CompatGeckoDesktop("2.0")}}</td>
   <td>8</td>
   <td>{{CompatVersionUnknown}}</td>
   <td>{{CompatVersionUnknown}}</td>
  </tr>
  <tr>
   <td>Маски</td>
   <td>{{CompatVersionUnknown}}<br />
    {{CompatChrome(28)}}<sup>[1]</sup></td>
   <td>{{CompatGeckoDesktop("9.0")}}</td>
   <td>10<sup>[2]</sup></td>
   <td>{{CompatVersionUnknown}}</td>
   <td>{{CompatVersionUnknown}}</td>
  </tr>
  <tr>
   <td>Доступно в Workers</td>
   <td>{{CompatUnknown}}</td>
   <td>{{CompatGeckoDesktop("38.0")}}</td>
   <td>{{CompatUnknown}}</td>
   <td>{{CompatUnknown}}</td>
   <td>{{CompatUnknown}}</td>
  </tr>
 </tbody>
</table>
</div>

<div id="compat-mobile">
<table class="compat-table">
 <tbody>
  <tr>
   <th>Возможность</th>
   <th>Android</th>
   <th>Firefox Mobile (Gecko)</th>
   <th>IE Mobile</th>
   <th>Opera Mobile</th>
   <th>Safari Mobile</th>
  </tr>
  <tr>
   <td>Базовая поддержка</td>
   <td>{{CompatUnknown}}</td>
   <td>{{CompatGeckoMobile("2.0")}}</td>
   <td>{{CompatUnknown}}</td>
   <td>{{CompatUnknown}}</td>
   <td>{{CompatUnknown}}</td>
  </tr>
  <tr>
   <td>Маски</td>
   <td>{{CompatUnknown}}</td>
   <td>{{CompatGeckoMobile("9.0")}}</td>
   <td>{{CompatUnknown}}</td>
   <td>{{CompatUnknown}}</td>
   <td>{{CompatUnknown}}</td>
  </tr>
  <tr>
   <td>Доступно в Workers</td>
   <td>{{CompatUnknown}}</td>
   <td>{{CompatGeckoMobile("38.0")}}</td>
   <td>{{CompatUnknown}}</td>
   <td>{{CompatUnknown}}</td>
   <td>{{CompatUnknown}}</td>
  </tr>
 </tbody>
</table>
</div>

<p>[1] Если в <code>%d</code> подставляется отрицательное значение, оно будет округлено до ближайшего большего целого отрицательного числа, то есть -0.9 станет 0, а -1.1 станет -1.</p>

<p>[2] <code>%d</code> отобразит 0, когда это нечисловое значение.</p>

<h2 id="Различия_в_console.dir()">Оличия от console.dir()</h2>

<p>Вы можете спросить какая разница между console.dir() и console.log(). Это полезное отличие.</p>

<p><img src="https://i.imgur.com/DozDcYR.png" /></p>

<p>Заметка:</p>

<ul>
 <li><code>console.log</code>&nbsp;выводит элемент как&nbsp;HTML-дерево</li>
 <li><code>console.dir</code>&nbsp;выводит элемент как JSON-объект</li>
</ul>

<p>А именно,&nbsp;<code>console.log</code>&nbsp;даёт специальное обращение к DOM-элементам, тогда как&nbsp;<code>console.dir</code>&nbsp;- нет. Это особенно полезно, когда нужно видеть&nbsp;полное представление DOM JS-объетов.</p>

<p>Больше информации об этой и других функциях в&nbsp;<a href="https://developers.google.com/chrome-developer-tools/docs/console-api#consoledirobject">Chrome Console API reference</a>.</p>

<h2 id="Также">Смотрите также</h2>

<ul>
 <li><a class="external" href="https://www.opera.com/dragonfly/documentation/console/">Opera Dragonfly documentation: Console</a></li>
 <li><a class="external" href="https://msdn.microsoft.com/library/gg589530">MSDN: Using the F12 Tools Console to View Errors and Status</a></li>
 <li><a href="https://getfirebug.com/wiki/index.php/Console_API">Firebug wiki: Console API</a> - Firebug поддерживает дополнительные возможности реализации&nbsp;console.log(), такие как&nbsp;<a href="https://www.softwareishard.com/blog/firebug/firebug-tip-styled-logging/">styled logging</a>.</li>
 <li><a href="https://nodejs.org/docs/latest/api/console.html#console_console_log_data">NodeJS: Console API</a></li>
</ul>