没有控制台或数学前缀的log()？

Question

我目前正在浏览Touch Events上的MDN页面,我正在使用此代码:

HTML

<canvas id="canvas" width="600" height="600" style="border:solid black 1px;">
  Your browser does not support canvas element.
</canvas>
<br>
<button onclick="startup()">Initialize</button>
<br>
Log: <pre id="log" style="border: 1px solid #ccc;"></pre>

JS

function startup() {
  var el = document.getElementsByTagName("canvas")[0];
  el.addEventListener("touchstart", handleStart, false);
  el.addEventListener("touchend", handleEnd, false);
  el.addEventListener("touchcancel", handleCancel, false);
  el.addEventListener("touchmove", handleMove, false);
  log("initialized.");
}

这是一个代码笔,上面的代码.

我实际上从来没有见过log()像这样没有前缀console或Math前缀的东西,我希望它能在这里产生一些结果,但是当你点击按钮开启时它似乎没有在代码笔中做任何事情功能startup().我也做了一些搜索,很奇怪似乎没有找到任何东西.log()也用于MDN页面上的其他位置.

任何人都可以阐明它是如何工作的,或者为此分享资源,我只是没有找到？

Answer 1

该log功能稍后在MDN页面上定义:

function log(msg) {
  var p = document.getElementById('log');
  p.innerHTML = msg + "\n" + p.innerHTML;
}