1-输出

输出

基本输出

• 使用window下console对象的Function: log

  1	console.log('Hello World!')

• console对象

  window.console 因为console也是全局对象, 所以可直接用console访问

  1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26

  console: Object = { log: [Function: log], warn: [Function: warn], dir: [Function: dir], time: [Function: time], timeEnd: [Function: timeEnd], timeLog: [Function: timeLog], trace: [Function: trace], assert: [Function: assert], clear: [Function: clear], count: [Function: count], countReset: [Function: countReset], group: [Function: group], groupEnd: [Function: groupEnd], table: [Function: table], debug: [Function: debug], info: [Function: info], dirxml: [Function: dirxml], error: [Function: error], groupCollapsed: [Function: groupCollapsed], Console: [Function: Console], profile: [Function: profile], profileEnd: [Function: profileEnd], timeStamp: [Function: timeStamp], context: [Function: context] }

格式化输出

1. 占位符%D(类似printf语法)

   1	console.log('Name: %s, Age: %d', 'Alice', 30);

2. 模版字符串

   使用一对反引号` 包裹

   1 2 3 4 5

   var1 = '变量1' var2 = 'variable2' console.log(`var1: ${var1} var2: ${var2}`); // 输出>>> var1: 变量1 var2: variable2

3. 样式化输出

   使用 %c 占位符和对应的 CSS 样式来格式化输出文本+*/

   1	console.log('This is %cstyled%c text!', 'color: red; font-weight: bold', 'color: black');