简介
在前端开发中，我们常常需要使用控制台来进行代码的调试、错误排查等操作。其中，console.log()和console.debug()是两个常用的方法。
虽然它们都可以输出日志信息，但是它们在输出方式、输出内容以及使用场景等方面还是有所区别的。
本文将详细解释这两个方法的区别，并给出相应的示例代码。
区别
输出格式
console.log()会将传入的参数转换成字符串，并输出到控制台上。如果有多个参数，则会以空格隔开，并在最后添加一个换行符。
而console.debug()与其不同，它会在每条日志信息前面加上“DEBUG”字样，并且不会自动换行。也就是说，如果需要换行，需要手动添加\n。
输出级别
console.log()和console.debug()都是用于输出日志信息的方法，但是它们的使用场景略有不同。
一般来说，console.log()是用于普通的调试信息输出，而console.debug()则是用于更为详细的调试信息输出。也就是说，当我们需要查看某些特定的信息时，可以使用console.debug()来输出。
此外，console.debug()在某些浏览器中默认是禁用的，需要手动开启才能使用。因此，如果需要在不同的浏览器中使用console.debug()，需要特别注意这一点。
示例代码
下面是两个简单的示例代码，分别演示了console.log()和console.debug()的使用方法：
// 使用 console.log()
const name = 'Tom';
const age = 18;
console.log('My name is', name, ', and I am', age, 'years old.');输出结果为：
My name is Tom , and I am 18 years old.
// 使用 console.debug()
const a = 1;
const b = 2;
const c = a + b;
console.debug(`DEBUG: a=${a}, b=${b}, c=${c}`);输出结果为：
DEBUG: a=1, b=2, c=3
从上面的示例代码可以看出，使用console.log()可以直接输出字符串，而使用console.debug()则需要手动添加一个前缀。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/12481