console.log()的作用与实现[通俗易懂]

console.log()的作用与实现[通俗易懂]console.log()的作用是什么主要是方便你调式javascript用的。你可以看到你在页面中输出的内容。相比alert他的优点是:1,他能看到结构话的东西,如果是alert,淡出一个对象就是[objectobject],但是console能看到对象的内容。,2,console不会打断你页面的操作,如果用alert弹出来内容,那么页面就死了,但是console输出内容后你页面还可以正常操作。3,console里面的内容非常丰富,你可以在控制台输入:console,然后就可看到:Cons

大家好,又见面了,我是你们的朋友全栈君。

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 的格式说明,下文有解释)。
console.log()的作用与实现[通俗易懂]

参考注释1
prefix :这个参数是使用代码段的快捷入口,比如这里的log在使用时输入log会有智能感知.
body :这个是代码段的主体.需要设置的代码放在这里,字符串间换行的话使用 \r\n换行符隔开.注意如果值里包含特殊字符需要进行转义.
$1 :这个为光标的所在位置.
$2 :使用这个参数后会光标的下一位置将会另起一行,按tab键可进行快速切换
description :代码段描述,在使用智能感知时的描述

第二种全局变量
1,进入设置页面:文件>首选项>用户代码片段>新建全局变量
在这里插入图片描述
在这里插入图片描述
例如如下:
在这里插入图片描述

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/159226.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • 网站备案后 换服务器,网站备案后更换服务器怎么办_域名备案一定要服务器吗

    网站备案后 换服务器,网站备案后更换服务器怎么办_域名备案一定要服务器吗网站备案后更换服务器内容精选换一换通过华为云备案,需要先购买华为云中国大陆节点服务器。目前可用于华为云备案的资源有:ECS:弹性云服务器(含云耀云服务器)需包月3个月及以上(包含多次续费后累计时长),且有“包年/包月”计费模式(包月3个月及以上)的弹性公网IP。一台ECS(含云耀云服务器)最多可以备案5个域名。如何将“按需计费”的ECS切换为“包年/包月”计费模式,请参见如果系统提示“您用于备案…

    2022年10月24日
    0
  • Pprof

    PprofPprof

    2022年8月1日
    3
  • VS2010的详细安装[通俗易懂]

    VS2010的详细安装[通俗易懂]MicrosoftVisualStudio2010旗舰版的详细安装。安装包:链接:https://pan.baidu.com/s/1-JNyGhwIvasAYQL0GsmzQw密码:fddsstep1、拷贝或下载的安装包(MicrosoftVisualStudio2010.rar)放在E盘(最好不要放在C盘)——>softs——>vs2010——>右击安装…

    2022年4月18日
    47
  • 华硕 X201E 拆机

    华硕 X201E 拆机每次笔记本拆机,装好之后,就会发现多了几个螺丝,忘了从哪拧下来了下面记录下华硕X201E清灰拆机过程

    2022年6月27日
    34
  • Latex数学公式-求导、分数的表示

    Latex数学公式-求导、分数的表示表示方法\frac{}{}:分数表示\partial:偏导符号代码效果意义\frac{x}{y}xy\frac{x}{y}yx​分数\partial∂\partial∂偏导符号举例$$\frac{\partialy}{\partialx_1}+\frac{\partialy}{\partialx_2}$$显示效果如下:∂y∂…

    2022年6月23日
    132
  • 初衷

    本博客会不定期做技术分享,在学习的过程中遇到或者踩到的坑也会拿出来给大家分享,个人感觉技术这个东西在于分享,交流产生价值。本博客也会记录我的成长,希望在当中留下些许痕迹让刚入门的师傅们参考,最后我

    2021年12月11日
    27

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号