JavaScript console.log

JavaScript console.log教程

在 JavaScript 中 console.log() 方法用于向控制台输出一条消息。同时支持 C 语言 printf 式的格式化输出。当然，也可以不使用格式化输出来达到同样的目的。

console.log()方法详解

定义

console.log() 方法用于向控制台输出一条消息。支持 C 语言 printf 式的格式化输出。当然，也可以不使用格式化输出来达到同样的目的。

语法

console.log(message);

参数

参数	说明
message	需要输出的文本。

说明

在测试该方法的过程中，控制台需要可见 (浏览器按下 F12 打开控制台)。

console.log()系列方法

方法名	说明
console.log	向控制台输出一条消息。
console.debug	向控制台输出一条信息，它包括一个指向该行代码位置的超链接。
console.info	向控制台输出一条信息，该信息包含一个表示“信息”的图标，和指向该行代码位置的超链接。
console.warn	同 info。区别是图标与样式不同。
console.error	同 info。区别是图标与样式不同。error 实际上和 throw new Error() 产生的效果相同，使用该语句时会向浏览器抛出一个 js 异常。
console.assert	断言，测试一条表达式是否为真，不为真时将抛出异常（断言失败）。

案例

JavaScript console.log输出文本

使用 JavaScript 的 console.log 输出文本

<!DOCTYPE html>
<html>
    <head>
        <title>使用 JavaScript 的 console.log 输出文本</title>
        <script type="text/javascript">
            console.log("嗨客网(www.haicoder.net)");
            console.log("嗨客网(www.haicoder.net)");
        </script>
    </head>
</html>

程序运行后，控制台输出如下：

66_javascript console log.png

我们直接使用 console.log 在控制台输出了一个 字符串。要查看该信息，我们需要在浏览器上，使用 F12 打开开发人员工具，接着，切换到 Console tab，进行查看。

JavaScript console.log系列方法输出文本

使用 JavaScript 的 console.log 系列方法输出文本

<!DOCTYPE html>
<html>
    <head>
        <title>使用 JavaScript 的 console.log 系列方法输出文本</title>
        <script type="text/javascript">
            console.log("嗨客网(www.haicoder.net)");
            console.log("嗨客网(www.haicoder.net)");
            console.debug("嗨客网(www.haicoder.net)");
            console.info("嗨客网(www.haicoder.net)");
            console.warn("嗨客网(www.haicoder.net)");
            console.error("嗨客网(www.haicoder.net)");
        </script>
    </head>
</html>

程序运行后，控制台输出如下：

67_javascript console log.png

我们分别使用了 console.log 的系列方法，输出了文本信息到控制台。

JavaScript console.log系列方法输出文本

使用 JavaScript 的 console.log 系列方法输出文本

<!DOCTYPE html>
<html>
    <head>
        <title>使用 JavaScript 的 console.log格式化输出文本</title>
        <script type="text/javascript">
            console.log("嗨客网(www.haicoder.net)");
            console.log("My name is %s, i am %d years old", "haicoder", 109);
        </script>
    </head>
</html>

程序运行后，控制台输出如下：

68_javascript console log.png

我们使用了 console.log 方法，格式化输出了文本信息到控制台。

JavaScript console.log总结

在 JavaScript 中 console.log() 方法用于向控制台输出一条消息。同时支持 C 语言 printf 式的格式化输出。console.log() 方法语法：

console.log(message);