控制台之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 ...
随机推荐
- TypedValue.applyDimension的使用
TypedValue.applyDimension是一个将各种单位的值转换为像素的方法 用法TypedValue.applyDimension(int unit, float value,Displa ...
- 从后台传select的值
var option = ''; $.each(data, function (i, v) { option += "<option value='" + i + " ...
- javascript鼠标双击时触发事件大全
javascript事件列表解说 事件 浏览器支持 解说 一般事件 onclick IE3.N2 鼠标点击时触发此事件 ondblclick IE4.N4 鼠标双击时触发此事件 onmousedown ...
- C++初始化,之不明白篇 cout<<x<<endl 与 cout<<"x = "<<cout<<x<<endl的输出的值会不一样
代码如下 #include <iostream> using namespace std; class point { public : int x; int y; ...
- php 可变数量的参数列表
可变数量的参数列表 PHP 在用户自定义函数中支持可变数量的参数列表.在 PHP 5.6 及以上的版本中,由 ... 语法实现:在 PHP 5.5 及更早版本中,使用函数func_num_args() ...
- 精心收集的 48 个 JavaScript 代码片段,仅需 30 秒就可理解!(转载)
Anagrams of string(带有重复项) 使用递归.对于给定字符串中的每个字母,为字母创建字谜.使用map()将字母与每部分字谜组合,然后使用reduce()将所有字谜组合到一个数组中,最基 ...
- ASP.NET Session原理及处理方法
session是怎么存储,提取的 1.在服务器端有一个session池,用来存储每个用户提交session中的数据,Session对于每一个客户端(或者说浏览器实例)是“人手一份”,用户首次与Web服 ...
- 九、Node.js中文乱码问题
解决方法: 1.确保我们的js文件保存格式是UTF-8.(可以通过记事本打开,然后另存为来查看目标js的编码格式) 2.在js文件中增加编码说明meta数据,让浏览器知道使用什么编码来解释网页. re ...
- LoadRunner---杂问题&接口测试
问题1] 响应时间是系统完成事务执行准备后所采集的时间戳和系统完成待执行事务后所采集的时间戳之间的时间间隔,是衡量特定类型应用事务性能的重要指标,标志了用户执行一项操作大致需要多长时间.[问题2] 系 ...
- dos窗口运行java文件需要jar依赖
执行java文件时候,有些里面依赖了java之外的jar,这是识别不到的,运行java命令的时候,带上jar路径: java -cp .;jar路径(加上jar名字) java文件名 例:java ...