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)
上一篇 2022年7月14日 上午8:46
下一篇 2022年7月14日 上午9:00


相关推荐

  • sql语句大全+实例讲解=>2021年9月更新

    sql语句大全+实例讲解=>2021年9月更新1.创建3张表//学生表创建CREATEtablestudent(SnoCHAR(9)PRIMARYKEY,SnameCHAR(20)UNIQUE,Ssexchar(2),SageSMALLINT,Sdeptchar(20));//课程表创建CREATEtablecourse(Cnochar(4)PRIMARYKEY,Cnamechar(40)notNULL,Cpnochar(4),CcreditSMALLINT);//学生选课

    2022年5月19日
    71
  • DeepSeek-OCR-2保姆级教程:深求·墨鉴GPU监控脚本+显存泄漏排查+日志分析

    DeepSeek-OCR-2保姆级教程:深求·墨鉴GPU监控脚本+显存泄漏排查+日志分析

    2026年3月15日
    2
  • 较完整的 bean生命周期[通俗易懂]

    较完整的 bean生命周期[通俗易懂]首先需要说明的是,Bean的生命周期主要指的是singletonbean,标签的scope默认就是singleton。对prototypebean来说,当用户getBean获得prototypebean的实例后,IOC容器就不再对当前实例进行管理,而是把管理权交由用户,此后再getBean生成的是新的实例。普通JavaBean和SpringBean普通java对象就是new出来,然后不再使用的时候通过垃圾回收机制进行回收; 而springBean是由spring容器来控制的,并且..

    2025年12月6日
    3
  • 考研-数据库_数据库系统考研看什么书

    考研-数据库_数据库系统考研看什么书文章目录前言一、数据库的概念二、综合知识前言一、数据库的概念1、数据数据:描述事物的符号记录称为数据。特点:数据和关于数据的解释不可分。2、数据库长期存储在计算机内、有组织、可共享的大量的数据的集合。数据库中的数据按照一定的数据模型组织、描述和存储,具有较小的冗余度、较高的数据独立性和易扩展性,并可为各种用户共享。特点:永久存储、有组织、可共享。3、数据库系统(DBS)(DateBaseSystem)数据库系统,指在计算机系统中引入数据库后的系统,一般由数据库、数据

    2025年6月21日
    5
  • Django框架—目录文件简介

    1.创建工程2.工程目录结构3.各文件作用:1manage.py2init.py3settings.py该Django项目(此处是mysite)的设置文件或配置文件。 重要

    2022年3月29日
    55
  • QOS-CBQ概述

    QOS-CBQ概述QOS CBQ 概述 2018 年 7 月 7 日 19 56CBQ 基于类的对列 是一种基于 QOSpolicy 实现的拥塞管理技术 CBQ 中包含一个 LLQ 低延迟队列 用来支撑 EF 快速转发 类业务被绝对优先发送 保证延迟 CBQ 中最大包含 64 个 BQ 带宽保证队列 用来支撑 AF 确保转发 类业务 保证每一个队列的带宽及可控的延迟 CBQ 中还包含一个默

    2026年3月19日
    1

发表回复

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

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