console.log()的作用与实现方式
更新时间：2024年01月22日 09:31:19 作者：不想想了
这篇文章主要介绍了console.log()的作用与实现方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
console.log()的作用是什么
主要是方便你调式javascript用的。
你可以看到你在页面中输出的内容。
相比alert他的优点是：
1.他能看到结构话的东西，如果是alert，淡出一个对象就是[object object],但是console能看到对象的内容。
2.console不会打断你页面的操作，如果用alert弹出来内容，那么页面就死了，但是console输出内容后你页面还可以正常操作。
3.console里面的内容非常丰富，你可以在控制台输入：console，然后就可看到：
Console {memory: MemoryInfo, debug: function, error: function, info: function, log: function…}
实现
不同于WebStorm系统内定制了方法，输入’.log’可以非常方便的实现功能。
在VSCode只能退而求其次设置代码段实现类似的效果了。
第一种
步骤如下：
1.进入设置页面：文件>首选项>用户代码片段>选择设置的语言（JavaScript.json）。
2.系统默认给我们提供了console.log的代码格式例子，我们只要去掉注释就可以使用了，当然你也可以把注释内容删除(注释的内容是snippet 的格式说明，下文有解释)。
参考注释1：
- prefix :这个参数是使用代码段的快捷入口,比如这里的log在使用时输入log会有智能感知.
- body :这个是代码段的主体.需要设置的代码放在这里,字符串间换行的话使用 \r\n换行符隔开.注意如果值里包含特殊字符需要进行转义.
- $1 :这个为光标的所在位置.
- $2 :使用这个参数后会光标的下一位置将会另起一行,按tab键可进行快速切换
- description :代码段描述,在使用智能感知时的描述
第二种全局变量
1.进入设置页面：文件>首选项>用户代码片段>新建全局变量
例如如下：
总结
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
TypeScript中Boolean和boolean的用法及区别
本文详细解释了TypeScript中Boolean和boolean的区别,从类型本质、使用场景、真值判断、性能考量等方面进行对比,boolean为基本类型,适用于常规布尔逻辑,而Boolean为构造函数,适用于将布尔值作为对象处理的场景,了解这些差异有助于编写更精确高效的TypeScript代码2026-04-04
这篇文章主要为大家介绍了JS前端攻坚Eventbus实现更新示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-12-12
require导入module.exports 或 exports导出的使用方法
module.exports用于导出整个模块的内容,可以通过赋值给 module.exports 导出一个对象、函数或值,导出的内容可以被其他模块通过require 导入,本文给大家介绍require导入module.exports 或 exports导出的使用,感兴趣的朋友一起看看吧2023-11-11
许多小伙伴对forEach语句应该再熟悉不过了,无论是前端遍历渲染还是js中的逻辑处理,这篇文章主要介绍了JavaScript中forEach方法的使用方式、优缺点以及实际应用场景,帮助开发者更好地掌握这一常见的数组遍历技术,需要的朋友可以参考下2025-03-03
这篇文章主要为大家详细介绍了js实现右键弹出自定义菜单，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-09-09
这篇文章主要介绍了js闭包的相关知识，闭包是Javascript的一个难点，但也是一个很重要的知识点,需要的朋友可以参考下2015-04-04
这篇文章主要介绍了javascript十六进制及二进制转化的方法,涉及javascript中toString方法的使用技巧,需要的朋友可以参考下2015-05-05
split()方法将一个字符串对象的每个字符拆出来，并且将每个字符串当成数组的每个元素 reverse()方法用来改变数组，将数组中的元素倒个序排列，第一个数组元素成为最后一个，最后一个变成第一个 join()方法将数组中的所有元素边接成一个字符串2016-04-04
这篇文章主要介绍了详解uniapp的全局变量实现方式，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2021-01-01
这篇文章主要介绍了小白谈谈对JS原型链的理解的相关资料,需要的朋友可以参考下2016-05-05
最新评论