在JavaScript中停止使用console.log()

有更好的选择

Harsha Vardhan.
10月25日 · 4.
帖子的图像
帖子的图像
摄影者Hugo Rocha.uns

你是一个使用的JavaScript开发人员吗?console.log()经常调试代码?它没有错。但如果你没有意识到,还有许多其他方法安慰对象非常令人惊叹。在本文中,我想解释这些方法的有效使用情况。

为什么使用控制台对象?

安慰javascript中的对象提供对浏览器调试控制台的访问,您可以在其中打印您在代码中使用的变量的值。通常,如果在代码中传递右值,则可以使用它来调试。

我很确定我们大多数开发人员都使用过console.log()在浏览器控制台中打印值。日志只是一种方法安慰目的。还有几种非常有用的方法。

1. console.log()

此方法主要用于将传递给控制台传递给控制台的值。可以在log()中使用任何类型,都是字符串,阵列,对象,布尔值等。

console.log('javascript');
console.log(7);
console.log(true);
console.log(null);
console.log(未定义);
console.log([1,2,3]);
console.log({A:1,B:2,C:3});
帖子的图像
帖子的图像
输出

2. console.error()

此方法在测试代码时很有用。它用于将错误记录到浏览器控制台。默认情况下,错误消息将以红色突出显示。

console.Error('找到错误');
帖子的图像
帖子的图像
输出

3. console.warn()

此方法还用于测试代码。通常,它有助于向控制台抛出警告。默认情况下,警告消息将以黄色突出显示。

console.warn('警告!');
帖子的图像
帖子的图像
输出

4. console.clear()

此方法用于清除控制台。如果控制台与消息/错误堵塞,通常使用它。控制台将被清除和消息控制台被清除了将在控制台中打印。

console.clear()
帖子的图像
帖子的图像
输出

5。console.time()和console.timend()

这两种方法都与彼此结合使用。每当我们想知道块或函数所花费的时间,我们都可以使用时间()Timeend()方法。这两个函数都将字符串作为参数。确保使用相同的字符串来衡量时间的时间。

console.time('timer');const hello = function(){
console.log('hello console!');
}
const bye = function(){
console.log('bye console!');
}
你好();//调用hello();
再见;//调用bye();
console.TimeEnd('timer');
帖子的图像
帖子的图像
输出

6. Console.Table()

此方法在控制台内生成一个表,以获得更好的可读性。将为数组或对象生成一个表。

console.table({a:1,b:2,c:3});
帖子的图像
帖子的图像
输出

7. console.count()

此方法用于计算该计数方法函数命中的数量。这可以在循环中使用,检查是否已执行特定值的次数。

for(让我= 0; I <3; I ++){
console.count(i);
}
帖子的图像
帖子的图像
输出

8。console.group()和console.groupyn()

这些方法组()集团()允许我们在单独的块中分组内容,这将缩进。就像这一样时间()Timeend()它们也接受标签,同样的价值。您可以扩展并折叠该组。

console.group('group1');
console.warn('警告');
console.error('错误');
console.log('我属于一个组');
console.groupish('group1');
console.log('我不属于任何组');
帖子的图像
帖子的图像
输出

奖金:打造日志

您还可以将样式添加到控制台日志,以便使日志看起来很盛大。这很简单。您只需要将CSS造型添加为第二个参数log()功能,同时启动第一个参数%C。样式将替换日志中的%C.

const spacing ='10px';
const styles =`padding:$ {spacing};背景颜色:白色;红色;字体风格:斜体;边框:1PX固体黑色;字体大小:2EM;“;
console.log('%ci是风格的日志',风格);
帖子的图像
帖子的图像
输出

结论

安慰对象非常有用,对于开发人员来调试代码。我们作为开发人员经常使用日志功能。让我们开始使用控制台对象充满潜力,以便更容易调试并生动地查看浏览器日志。我希望这篇文章有所帮助。

谢谢你的阅读!

简单的英语javascript

新的JavaScript + Web开发文章每天。

betway娱乐官网媒体是一个开放的平台,17亿读者来寻找有洞察力和动态的思维。在这里,专家和未被发现的声音相似地潜入任何主题的核心,并将新的想法带到表面上。学到更多

遵循对您有关的作家,出版物和主题,您将在您的主页和收件箱中看到它们。betway娱乐官网探索

如果您有一个故事来讲述,知识分享,或者提供提供的视角 - 欢迎回家。betway娱乐官网很容易和免费发布您对任何主题的思考。写下媒介betway娱乐官网

获取媒体应用程序betway娱乐官网

一个按钮,称“在App Store上下载”,如果点击它将导致您到iOS App Store
一个按钮说'获得它,Google Play',如果点击它将导致您进入Google Play商店