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)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • navicat premium使用教程详解_navicat premium怎么用

    navicat premium使用教程详解_navicat premium怎么用NavicatPremium基本使用Navicat是一套数据库管理工具,专为简化数据库的管理及降低系统管理成本而设。Navicat是以直觉化的图形用户界面而建的,可以安全和简单地创建、组织、访问并共用信息。NavicatPremium是Navicat的产品成员之一,能简单并快速地在各种数据库系统间传输数据,或传输一份指定SQL格式及编码的纯文本文件。其他功能包括导入向导、导……

    2022年8月20日
  • for循环的执行顺序

    一边回顾基础一边记录记录做个整理,这篇关于for循环的执行顺序:for(表达式1;表达式2;表达式3){循环体}第一步,先对表达式1赋初值;第二步,判别表达式2是否满足给定条件,若其值为真,满

    2021年12月25日
  • pycharm调试python_以下属于程序调试的内容有

    pycharm调试python_以下属于程序调试的内容有1.准备代码:#coding=utf-8classTestDebug:def__init__(self):self.a=1…

    2022年8月28日
  • web安全笔记_web攻防之业务安全实战指南

    web安全笔记_web攻防之业务安全实战指南writeinmydormitoryat‏‎9:47:05Friday,April7,2017bygiantbranch(一个当初想横跨web跟二进制的菜鸡)————致即将毕业的自己。这是我的安全之路系列第一篇,敬请期待第二篇:《我的安全之路——二进制与逆向篇》总览大一:基本都在学习学校的课程,C语言,C++,高数啊,不过分数还可以,在大一复习周还在php3小时光速入门呢大二

    2022年9月20日
  • 卡巴斯基升级_卡巴斯基免费版和收费版的区别

    卡巴斯基升级_卡巴斯基免费版和收费版的区别http://hi.baidu.com/sxcxq1128/blog/item/1918d0ef30523c232df534c1.html  卡巴斯基2010授权文件如何安装使用激活卡巴斯基2010版授权文件安装方法比以前的版本有些不同,请仔细看以下教程免得有了key也不会使用^_^第一步:打开卡巴斯基授权许可激活页点击左下角的“授权许可”上图

    2022年8月20日
  • resize函数用法_ubound函数

    resize函数用法_ubound函数resize函数原型voidresize(InputArraysrc,OutputArraydst,Sizedsize,doublefx=0,doublefy=0,intinterpolation=INTER_LINEAR)各个参数的意义比较直观,但是需要注意的是dsize与fx和fy必须不能同时为零,也就是说要么dsize不为零而fx与fy同时可

    2022年10月25日

发表回复

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

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