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:
第二种全局变量
1.进入设置页面:文件>首选项>用户代码片段>新建全局变量
例如如下:
总结
以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。
您可能感兴趣的文章:
您可能感兴趣的文章:
- .NET Core系列之MemoryCache 初识
- 007手机一键Root(安机网一键Root) v3.0 官方最新版 一键ROOT您的Android手机
- 12306密码被盗了怎么办?12306密码外泄解决方法
- 12个字的qq网名
- 150M迷你型无线路由器怎么设置?
- 192.168.1.1打不开怎么办?路由器192.168.1.1打不开的原因以及解决办法
- 2011年电子报合订本 电子报 编辑部 中文 PDF版 [84M]
- 2015年1月15日小米新旗舰发布会现场图文直播
- 2016.3.1vivo Xplay5新品发布会现场视频直播 优酷直播
- 2016华为P9发布会视频直播地址 4月15日华为P9国行发布会直播
相关文章
- C#基础知识系列八const和readonly关键字详细介绍
- console.log()的作用与实现方式
- C++ 构造函数和析构函数(Constructors & Destructors)详解
- static_cast,dynamic_cast,reinterpret_cast和const_cast的区别详解
- AutoHideDesktopIcons (任务栏桌面图标隐藏工具) v5.88 绿色中文版
- consent.exe系统进程
- C++中的类型转换static_cast、dynamic_cast、const_cast和reinterpret_cast总结
- C#中的const和readonly关键字详解
- console.log()与console.dir()的区别及说明
- C#中const,readonly和static关键字的用法介绍