控制台中的用法有很多,比如常用的console.log(),还有不常用的 console.warn()、 console.error()等,下面对控制台中主要的console方法做一个简单的介绍。

1. console.assert()

  这个方法接受至少两个参数,第一个参数是一个布尔值,如果这个布尔值为 true, 那么后面的参数将不会被打印出来; 如果是false,那么后面的参数将依次被打印出来。

console.assert(false, "显示");

2. console.clear()

  这个方法可以清空控制台,无参数接受。

3. console.count()

  这个方法最多可以接受一个参数,也可以不接受参数。

  如果无参数,那么console.count()表示在当前位置被调用的次数,如果接受参数,如console.count("person"), 则会统计 console.count("person") 被调用的次数。

  

4. console.dir()

  这个方法传递的可以是一个对象,可以和 console.log做对比,发现,console.dir() 就像一个目录一样,是一个折叠的三角形列表。

5. console.dirxml()

  这个方法同样也是传递一个HTML容器对象, 如 console.dirxml(document.body) ,如果不是一个html容器对象,那么传递一个JavaScript对象也是可以的。

6. console.group() && console.groupEnd()

  这个方法可以建立一个分组,当然分组也是可以嵌套的。 以 console.group() 作为开始, 以 console.groupEnd() 作为结束,他们都会被缩进,并且可以被折叠。

   console.log("不是分组");
console.log("不是分组");
console.log("不是分组");
console.group("group开始");
console.log("在分组中");
console.log("在分组中");
console.log("在分组中");
console.log("在分组中");
console.groupEnd();
console.log("不是分组");
console.log("不是分组");
console.log("不是分组");
console.log("不是分组");

7. console.groupCollapsed() 和 console.groupEnd()

 刚才所讲的 console.group() 所建立的分组默认是折叠的, 而console.groupCollapsed() 默认是折叠的。

  所以在调试代码的过程中,利用分组、折叠这个特性,应该可以让我们调试代码更容易一些。

8. console.profile() 和 console.profileEnd()

  记录性能。暂时不支持使用。

9. console.table()

  可以将数组和对象按照table的方式打印出来,可以接收第二个参数,这个参数表示列数。

10. console.time() 和 console.timeEnd()

  需要接受一个字符串作为参数,用来统计执行的时间。

11. console.trace()

  进行栈的跟踪。

补充: console.table可以用于显示对象以及属组,这样,我们就可以更好的在控制台中查看。 之前做过一个二维温度场变化的程序,通过微分方程离散化之后就可以进行模拟了,程序如下:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>温度场数值模拟</title>
</head>
<body>
<script>
// 定义二维数组,存储温度。
let t = [],
tl = []; // 定义微分方程离散化的相关数据
const Interval = , // 时间步长
CoolingTime = , // 最长运行时间
n = , // 使用n倍步长统计中心点温度变化
xInterval = , // δx
yInterval = ; // δy const Difu = 0.05, // 扩散系数
T0 = , // 初始温度
Tw = , // 边界温度
L1 = , // 二维界面宽度
L2 = , // 二维界面高度
xLen = L1/xInterval + , // T矩阵的行数
yLen = L2/yInterval + , // T矩阵的列数
M1 = (Difu * Interval) / Math.pow(xInterval, ), // M1常系数
M2 = (Difu * Interval) / Math.pow(yInterval, ); // M2常系数 // 稳定性条件判断
let r = /( * Difu * (( / Math.pow(xInterval, )) + ( / Math.pow(yInterval, ))));
console.log('时间步长:', Interval);
console.log('等式右边:', r);
if (Interval > r) {
console.error('不满足稳定性条件!');
} else {
console.log('%c满足稳定性条件!', 'color: green;font-weight: bold');
}
console.log('');
console.log(''); // 赋值初始温度
for (let i = ; i < xLen; i++ ) {
t[i] = [];
tl[i] = [];
for (let j = ; j < yLen; j++) {
t[i][j] = tl[i][j] = T0;
}
} // 输出初始温度
console.log('%c初始温度: ' , 'color: purple; font-weight: bold');
console.table(t);
console.log(' ');
console.log(' '); // 判断是否处于边界
function isBorder(x, y) {
return (x == || y == || x == xLen - || y == yLen - );
} // 记录中心点数据
let mid = {}; // 当前时间初始化
let time = ; while (time < CoolingTime * ) {
// 计算最新时刻温度
for (let i = ; i < xLen; i++ ) {
for (let j = ; j < yLen; j++) { // 判断是否处于边界
if (isBorder(i, j)) {
tl[i][j] = Tw;
} else {
// 使用离散化的各单元温度计算公式。
tl[i][j] = M1 * (t[i - ][j] + t[i + ][j])
+ M2 * (t[i][j - ] + t[i][j + ])
+ ( - * M1 - * M2) * t[i][j];
tl[i][j] = Number(tl[i][j].toFixed());
}
}
}
t = tl; // 记录中心点数据(使用n倍步长统计)
if (time % (n * Interval) == ) {
mid[time + 's'] = t[parseInt(xLen/)][parseInt(yLen/)];
}
time += Interval;
}
// 获取各个时间段的内部温度场
console.log('%c' + CoolingTime + 'min后的物体内部温度场: ', 'color: green; font-weight: bold');
console.table(t);
console.log(' ');
console.log(' '); // 获取中心点的各个时间段。
console.log('%c中心点的温度变化', 'color: red; font-weight: bold');
console.table(mid);
</script>
</body>
</html>

通过使用console.table,我们可以看到控制台如下所示:

  

控制台之console的更多相关文章

  1. 控制台(Console)报错:java.io.IOException: Broken pipe

    控制台(Console)输出: java.io.IOException: Broken pipe at sun.nio.ch.FileDispatcherImpl.write0(Native Meth ...

  2. 前端开发调试工具控制台之console命令详解

    控制台(Console)是Firebug的第一个面板,也是最重要的面板,主要作用是显示网页加载过程中产生各类信息. 一.显示信息的命令 Firebug内置一个console对象,提供5种方法,用来显示 ...

  3. WinForm程序启动控制台窗口Console

    本文转载:http://blog.csdn.net/oyi319/article/details/5753311 2.WinForm程序和控制台窗口Console 如果你调试过SharpDevelop ...

  4. js控制台输出console

    介绍: js的console你可以在firefox的firedbug或者ie和google的f12调试模式下看到,这些主流浏览器的调试模式的控制可以输出一些信息,你的一些js代码测试可以直接在cons ...

  5. .NET Core创建一个控制台(Console)程序

    .NET Core版本:1.0.0-rc2 Visual Studio版本:Microsoft Visual Studio Community 2015 Update 2 开发及运行平台:Window ...

  6. PHP内置Web Server探究(二)自定义PHP控制台输出console函数

    我们在开发APP的服务器端,当和APP进行联调时通常需要实时跟踪URL请求和参数的接收情况. 但PHP并没有像Python或Java专有的控制台输出函数,Python的print()和Java的Sys ...

  7. [No0000193]Chrome浏览器控制台(console)花式调试

    对前端开发者来说,Chrome Dev Tools(开发者工具,以下简称CDT)是一个不可或缺的开发调试工具,但是你可能只用过console.log(),却不知道console还有很多功能强大的调试方 ...

  8. delphi 在线程中运行控制台命令(console)

    在编程开发的时候,我们时常会调用windows本身的功能,如:检测网络通断,连接无线wifi等. 虽然,用 windows api 操作可以完美地完成这些操作,但是,函数参数太难了.令人望而生畏,不是 ...

  9. C#WinForm程序显示控制台窗口Console

    启动一个WINFORM项目,使用一些API函数将控制台显示出来: AllocConsole 和 FreeConsole. 本程序只在DEBUG模式下显示控制台 [DllImport("ker ...

随机推荐

  1. 20169219 SQL注入实验报告

    实验介绍 SQL注入技术是利用web应用程序和数据库服务器之间的接口来篡改网站内容的攻击技术.通过把SQL命令插入到Web表单提交框.输入域名框或页面请求框中,最终欺骗服务器执行恶意的SQL命令. 在 ...

  2. query聚类技术

    query聚类 目的 query聚类主要有以下两个目的 解决query空间稀疏问题(长尾query) 挖掘用户意图(一条行为包含的意图是稀疏的,当有一簇行为时,意图更明确) 可以说聚类是构建内容模型的 ...

  3. 做ETL的时候用到的数据同步更新代码

    这里是用的从一个库同步到另一个库,代码如下 private void IncrementalSyncUpdate(string fromConn, string toConn, Dictionary& ...

  4. C# 常用正则验证[转]

    using System; using System.Collections.Generic; using System.Linq; using System.Text; using System.W ...

  5. C#构造函数用法

    1.实例构造函数 2.静态构造函数 3.私有构造函数 例: 创建一个类 using System; using System.Collections.Generic; using System.Lin ...

  6. raiden_graph

    使用mermaid描述 raiden 通道 AB,正常状态 graph LR A-- 60,100,S_100 ---B 通道 AB closed graph LR A((A)) -. 60,100 ...

  7. ecliplse启动慢的优化方法(亲测有效)

    本人使用的ecliplse IDE 版本是: Version: Photon Release (4.8.0)Build id: 20180619-1200 我的电脑配置是 Ecliplse启动差不多一 ...

  8. NSKeyedArchiver数据归档

    前言 在 OC 语言中,归档是一个过程,即用某种格式来保存一个或多个对象,以便以后还原这些对象. 通常,这个过程包括将(多个)对象写入文件中,以便以后读取该对象.可以使用归档的方法进行对象的深复制. ...

  9. Linux原理与实践

    Linux 中的文件及权限 -rwxr-xr-x 1 cat animal 68 03-31 21:47 sleep.sh 三种用户角色: r 4 w 2 x 1 user ,文件的所有者 group ...

  10. .NET Core 版本不支持的问题

    分析一个.NET Core开源项目(Ocelot),打开后发现提示当前版本.NET Core 不支持. 错误信息如下: The current .NET SDK does not support ta ...