console

1. console.log

// 使用 JavaScript 代码块标记
console.log('Hello, world!')

2. console.info

// 使用 JavaScript 代码块标记
console.info('This is an informational message.')

3. console.error

// 使用 JavaScript 代码块标记
console.error('An error has occurred.')

4. console.warn

// 使用 JavaScript 代码块标记
console.warn('Warning: This is a warning message.')

5. console.time & console.timeEnd

// 使用 JavaScript 代码块标记
console.time('timer')
// Code to measure execution time
console.timeEnd('timer')

6. console.count

// 使用 JavaScript 代码块标记
const fruits = ['apple', 'banana', 'orange', 'banana']
fruits.forEach((fruit) => {
  console.count(fruit)
})

7. console.table

// 使用 JavaScript 代码块标记
const data = [
  { name: 'Alice', age: 26 },
  { name: 'Bob', age: 27 },
  { name: 'Carl', age: 30 },
]
console.table(data)

8. console.group, console.groupCollapsed, console.groupEnd

// 使用 JavaScript 代码块标记
console.group('Group 1')
console.log('Hello, world!')
console.groupEnd()

console.groupCollapsed('Group 2')
console.info('This is some info.')
console.warn('This is a warning.')
console.groupEnd()

9. console.trace

// 使用 JavaScript 代码块标记
function foo() {
  console.trace()
}

function bar() {
  foo()
}

bar()

10. console.assert

// 使用 JavaScript 代码块标记
const num1 = 5
const num2 = 10
console.assert(num1 === num2, 'The two numbers are not equal!')

11. console.clear

// 使用 JavaScript 代码块标记
console.log('This message will not be visible after calling console.clear().')
console.clear()

12. console 设置 style

// 使用 JavaScript 代码块标记
console.log(
  '%c My custom message',
  'background-color: #f00; color: #fff; font-size: 20px;'
)