深入解析console.log：从基础到富样式输出

版权申诉
console.log
10 下载量 64 浏览量 更新于2024-09-12 收藏 100KB PDF 举报
"本文主要介绍了JavaScript中的console.log函数，包括其基本使用方法、格式化输出以及如何实现丰富样式输出。console.log是前端开发者常用的调试工具，通过它可以在浏览器的开发者控制台显示变量或表达式的值。文章详细讲解了基础的单个和多个参数输出、使用百分比符号进行格式化输出，例如%d用于整数，%o和%O用于对象，其中%O可显示DOM节点的属性。此外，还特别强调了使用%c进行CSS样式控制的技巧，可用于创建文字样式和图片输出，增强控制台输出的可读性和视觉效果。通过%c，开发者可以精确控制输出内容的样式，使得调试和日志记录更加直观。"

vueconsole通过consolelog来学习Vue各个过程的变化

2019-08-10 上传
vue-console 通过console.log结合vue的源代码,通过一个简单的例子,观察Vue各个过程的变化

meteor-bound:例如，允许console.bound.log替代console.log.bind（console）

2021-05-16 上传
deanius：绑定 允许console.bound.log替代console.log.bind(console) ，并推广到所有对象。 安装 meteor add deanius:bound 背景 良好的功能编程（FP）的风格，还有的使用Promise.then ， Tracker.autorun等，需要一个更简单的方法来指代对象的方法不会破坏他们的this绑定。 当前的技术console.log.bind(console)既不是DRY，也不是重复输入的乐趣。 由于我们还没有任何语法可以帮助，例如console->log ，我们还可以使用一种方法来引用console方法，该方法自动绑定到console ，这就是该程序包所实现的。 用法 虽然这打破了： [ 1 , 2 , 3 ] . forEach ( console . log ) //TypeError: Illega

JavaScript调试技巧之console.log()详解

2020-10-23 上传
对于JavaScript程序的调试，相比于alert()，使用console.log()是一种更好的方式，原因在于：alert()函数会阻断JavaScript程序的执行，从而造成副作用；而console.log()仅在控制台中打印相关信息，因此不会造成类似的顾虑

let aa = []:let ba ="o". console.log(aa == 0): console.log(aa == !aa); console.log(ba == 0); console.log(aa == ba); console.log(null == 0): console.log(null <= 0): console.log(null < 0); 输出返回的结果是？

2023-06-10 上传
console.log(aa == 0); // 输出 true console.log(aa == !aa); // 输出 true，因为 !aa 的结果是 true，而 [] 转换为布尔值为 true，所以两边都是 true，使用了双等号进行比较，类型转换后结果为 true console.log...

console.log("start"); setTimeout(() => { console.log("setTimeout1"); }, 0); (async function foo() { console.log("async 1"); await asyncFunction(); console.log("async2"); })().then(console.log("foo.then")); async function asyncFunction() { console.log("asyncFunction"); setTimeout(() => { console.log("setTimeout2"); }, 0); new Promise((res) => { console.log("promise1"); res("promise2"); }).then(console.log); } console.log("end");

2023-07-25 上传
代码的执行顺序如下： 1. 打印 "start"。 2. 定义一个 `setTimeout`，但由于时间设为 0，所以不会立即执行。 3. 定义一个异步函数 `foo`，打印 "async 1"。 ...4. 调用 `asyncFunction`。...5. 在 `asyncFunction` 中，...

async function async1() { console.log('1'); await async2(); console.log('2');} async function async2() { console.log('3');} console.log('4'); setTimeout(function(){ console.log('5');},0) async1(); new Promise(function(resolve){ console.log('6'); resolve(); }).then(function(){ console.log('7');}); console.log('8');

2023-06-07 上传
这段代码的输出结果是： ``` 4 1 3 6 8 2 7 ...4. 因为 `async2()` 函数中没有异步操作，所以直接返回到 `async1()` 函数，输出 `2`。...这个输出是在所有同步和异步操作执行完之后才会输出的，因为 `setTimeout()` 是...

async function async1() { console.log('1'); await async2(); console.log('2'); } async function async2() { console.log('3');} console.log('4'); setTimeout(function(){ console.log('5');},0) async1(); new Promise(function(resolve){ console.log('6'); resolve(); }).then(function() { console.log('7');}); console.log('8');

2023-06-07 上传
这段代码的输出顺序是4，1，3，6，8，2，7，5。 解释如下： 1. 首先输出4，因为这是同步代码。 2. 调用async1()，输出1，因为async1()是异步函数，所以会被加入微任务队列，等待同步代码执行完毕后再执行。...

小程序语法 console.log(a) &&（console.log(b)?console.log("b"):console.log(b)）

2023-05-25 上传
首先，执行 `console.log(a)`，然后判断 `console.log(b)` 是否存在。如果存在，则执行 `console.log("b")`，否则执行 `console.log(b)`。 简单来说，这个语法的意思是：先输出变量 a 的值，然后判断变量 b 是否...

4,说出下面代码执行结果const promise = new Promise((resolve,reject)=>[ console.log(1); resolve(); console.log(2); reject) setTimeout(0)=>{console.log(5)},0)promise.then(0=>{console.log(3)).then(0=>{console.log(6))) .catch(0)=>{console.log(7)}) console.log(4)

2023-06-11 上传
代码执行结果如下： 1. 首先创建一个Promise对象，构造函数中传入一个函数，这个函数中打印1，然后调用resolve函数，打印2的操作无法执行，因为resolve函数后面少了一个括号，应该是resolve()。...

console.log('1 script start') async function async1() { await async2() console.log('2 async1 end') } async function async2() { console.log('3 async2 end') } async1() setTimeout(function() { console.log('4 setTimeout') }, 0) new Promise(resolve => { console.log('5 Promise') resolve() }) .then(function() { console.log('6 promise1') }) .then(function() { console.log('7 promise2') }) console.log('8 script end')

2023-06-09 上传
这段代码会先输出 "1 script start"，然后执行 async1 函数。在 async1 函数中，会等待 async2 函数执行完毕后再输出 "2 async1 end"。在 async2 函数中，会先输出 "3 async2 end"。接下来会执行 setTimeout 里的...
weixin_38636763
  • 粉丝: 8
  • 资源: 961
上传资源 快速赚钱

最新资源