控制台之console
控制台中的用法有很多,比如常用的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的更多相关文章
- 控制台(Console)报错:java.io.IOException: Broken pipe
控制台(Console)输出: java.io.IOException: Broken pipe at sun.nio.ch.FileDispatcherImpl.write0(Native Meth ...
- 前端开发调试工具控制台之console命令详解
控制台(Console)是Firebug的第一个面板,也是最重要的面板,主要作用是显示网页加载过程中产生各类信息. 一.显示信息的命令 Firebug内置一个console对象,提供5种方法,用来显示 ...
- WinForm程序启动控制台窗口Console
本文转载:http://blog.csdn.net/oyi319/article/details/5753311 2.WinForm程序和控制台窗口Console 如果你调试过SharpDevelop ...
- js控制台输出console
介绍: js的console你可以在firefox的firedbug或者ie和google的f12调试模式下看到,这些主流浏览器的调试模式的控制可以输出一些信息,你的一些js代码测试可以直接在cons ...
- .NET Core创建一个控制台(Console)程序
.NET Core版本:1.0.0-rc2 Visual Studio版本:Microsoft Visual Studio Community 2015 Update 2 开发及运行平台:Window ...
- PHP内置Web Server探究(二)自定义PHP控制台输出console函数
我们在开发APP的服务器端,当和APP进行联调时通常需要实时跟踪URL请求和参数的接收情况. 但PHP并没有像Python或Java专有的控制台输出函数,Python的print()和Java的Sys ...
- [No0000193]Chrome浏览器控制台(console)花式调试
对前端开发者来说,Chrome Dev Tools(开发者工具,以下简称CDT)是一个不可或缺的开发调试工具,但是你可能只用过console.log(),却不知道console还有很多功能强大的调试方 ...
- delphi 在线程中运行控制台命令(console)
在编程开发的时候,我们时常会调用windows本身的功能,如:检测网络通断,连接无线wifi等. 虽然,用 windows api 操作可以完美地完成这些操作,但是,函数参数太难了.令人望而生畏,不是 ...
- C#WinForm程序显示控制台窗口Console
启动一个WINFORM项目,使用一些API函数将控制台显示出来: AllocConsole 和 FreeConsole. 本程序只在DEBUG模式下显示控制台 [DllImport("ker ...
随机推荐
- MySQL性能调优与架构设计——第2章 MySQL架构组成
第2章 MySQL架构组成 前言 麻雀虽小,五脏俱全.MySQL 虽然以简单著称,但其内部结构并不简单.本章从MySQL物理组成.逻辑组成,以及相关工具几个角度来介绍 MySQL 的整体架构组成, ...
- 【Andoid学习】GridView学习
简介 一个在平面上可显示多个条目的可滚动的视图组件,该组件中的条目通过一个ListAdapter和该组件进行关联.比如实现九宫格图,用GridView是首选,也是最简单的. 属性:android:co ...
- 系统架构一:snmp+mrtg服务器监控
//@author:yuan<turing_zhy@163.com> 码字不易,转载请注明出处 #================================== 开始,服务器准备 ...
- CH收藏的书
论语 道德经 墨子
- 「BZOJ1433」[ZJOI2009] 假期的宿舍(二分图,网络流)
题目描述 学校放假了 · · · · · · 有些同学回家了,而有些同学则有以前的好朋友来探访,那么住宿就是一个问题.比如 A 和 B 都是学校的学生,A 要回家,而 C 来看B,C 与 A 不认识. ...
- The server of Nginx(一)——Nginx基础及静态网站的构建
一.Nginx介绍 火了半边天的Nginx和Apache一样也是Web服务器,专为性能优化而开发,也可以像Squid一样做反向代理,或者邮件代理等许多用途,并有windows的移植版,其最知名的优点是 ...
- P3230 [HNOI2013]比赛
$ \color{#0066ff}{ 题目描述 }$ 沫沫非常喜欢看足球赛,但因为沉迷于射箭游戏,错过了最近的一次足球联赛.此次联 赛共N支球队参加,比赛规则如下: (1) 每两支球队之间踢一场比赛. ...
- CF914E Palindromes in a Tree(点分治)
link 题目大意:给定一个n个点的树,每个点都有一个字符(a-t,20个字符) 我们称一个路径是神犇的,当这个路径上所有点的字母的某个排列是回文 求出对于每个点,求出经过他的神犇路径的数量 题解: ...
- bash: ./AdobeAIRInstaller.bin: No such file or directory
# chmod a+x AdobeAIRInstaller.bin # ./AdobeAIRInstaller.binbash: ./AdobeAIRInstaller.bin: No such fi ...
- windows下Idea结合maven开发spark和本地调试
本人的开发环境: 1.虚拟机centos 6.5 2.jdk 1.8 3.spark2.2.0 4.scala 2.11.8 5.maven 3.5.2 在开发和搭环境时必须注意版本兼容的问题 ...