Console在javaScript调试相关操作

@(Console)[javaScript]

在Web开发调试javaScript中,经常要在页面上输出相关对象或者某些属性值,我之前一直采用的alert()。但是在对象面前显得苍白无力,用console比较方便,可以debug时查看对象具体的值。实际上alert是弹出提示而console.log()是在调试工具里打印日志。

console.log()/console.debug()/console.info()/console.error()等方法,可以用易读的方式输出变量以及对象等;

@(范例)console.log 用来输出普通信息;
console.info 用于输出提示性信息;
console.error用于输出错误信息;
console.warn用于输出警示信息;

console.log(“test”);
console.info(“test”);
console.debug(“test”);
console.error(“test”);
console.warn(“test”);
在浏览器下输出结果如图:

alet与console的区别

alert

[1.1]有阻塞作用,不点击确定,后续代码无法继续执行
[1.2]alert()只能输出string,如果alert输出的是对象会自动调用toString()方法.e.g. alert([1,2,3]);//’1,2,3’
[1.3]alert不支持多个参数的写法,只能输出第一个值.e.g. alert(1,2,3);//1

console

[2.1]在打印台输出
[2.2]可以打印任何类型的数据e.g. console.log([1,2,3]);//[1,2,3]
[2.3]支持多个参数的写法e.g. console.log(1,2,3)// 1 2 3

Console 相关操作相关推荐

  1. [RabbitMQ]RabbitMQ原理与相关操作(一)

    2019独角兽企业重金招聘Python工程师标准>>> RabbitMQ原理与相关操作(一) 小编是菜鸟一枚,最近想试试MQ相关的技术,所以自己看了下RabbitMQ官网,试着写下自 ...

  2. JQuery属性、事件相关操作

    JQuery属性相关操作 文章目录 JQuery属性相关操作 一.尺寸相关.滚动事件 1.获取和设置元素的尺寸 2.获取元素相对页面的绝对位置 3.获取浏览器可视区宽度高度 4.获取页面文档的宽度高度 ...

  3. 厚积薄发,丰富的公用类库积累,助你高效进行系统开发(11)---各种线程相关操作类...

    俗话说,一个好汉十个帮,众人拾柴火焰高等都说明一个道理,有更多的资源,更丰富的积累,都是助你走向成功,走向顶峰的推动力. 本篇的公用类库的介绍主题是程序开发中多线程操作环境中,常用到的线程相关类,本篇 ...

  4. 动态数组相关操作 0104 ArrayList

    动态数组相关操作 0104 引入命名空间 using System.Collections; 实例化一个动态数组 类名称:ArrayList 基本的实例化 ArrayList 数组名= new Arr ...

  5. layui数据表格如何获取id_LayUI之table数据表格获取行、行高亮等相关操作

    前言 目前LayUI数据表格既美观有不乏一些实用功能.基本上表格应有的操作已经具备,LayUI作者[贤心]肯定是煞费苦心去优化,此处致敬.但是实话实话,如果单纯那数据表格功能来说,EasUI的数据表格 ...

  6. Echarts数据可视化event图表事件的相关操作,开发全解+完美注释

    全栈工程师开发手册 (作者:栾鹏) Echarts数据可视化开发代码注释全解 Echarts数据可视化开发参数配置全解 6大公共组件详解(点击进入): title详解. tooltip详解.toolb ...

  7. pmon下nandflash相关操作

    龙芯平台下nandflash相关操作 pmon下 查看nandflash设备(只能通过打印信息查看) NAND device: Manufacturer ID: 0xec, Chip ID: 0xf1 ...

  8. json格式简介和相关操作

    前言:在日常工作中,我们常常会使用json做一些数据的处理,那了解json的一些基础知识和相关操作就尤为重要,本篇就是对于json格式的概括介绍和简单使用. 1.json格式简介 1.1 json基本 ...

  9. Django 数据库相关操作 (六)

    前言 上篇已经介绍过模型相关操作,并创建好了数据库及相关表字段,接下来将通过以下表在Django中进行表数据的增删改查. from django.db import modelsclass Stude ...

最新文章

  1. 取0-1中间任意数java_java – 找到一个整数n 0,其中包含以下三个条件
  2. ios git解决冲突_适用于iOS和Linux的远程同步解决方案:Git和工作副本
  3. HTML表单input里面的value的作用
  4. Linux下架设rsync服务器
  5. python为什么叫爬虫-可以写爬虫的那么多,为什么只有python火了?
  6. 设计模式 指令模式_指令设计模式
  7. html与css游戏开发工具,分享15个最佳的HTML/CSS设计和开发框架
  8. jojo第七部dio怎么复活_不是很懂第七部DIO爷是怎么死的
  9. 2022.1.25 Python可视化实战:这些医院离司机究竟有多远?
  10. java毕业设计演唱会门票订售及管理系统Mybatis+系统+数据库+调试部署
  11. 你是编程高手还是IT民工
  12. 蓝叠模拟器的adb程序位置
  13. TOP100summit2017:微博如何做到1小时增加一千台服务器应对鹿晗恋情带来的流量暴增
  14. greenplum 历史拉链表
  15. flutter插件开发学习之旅(4)-------检测GPS状态,打开GPS和显示经纬度实战
  16. 体声波(BAW)射频滤波器行业调研报告 - 市场现状分析与发展前景预测
  17. 摄像头网络直播方案LiveGBS部署问题 使GB28181实现无插件web直播
  18. 中控考勤机连服务器显示1007,中控智慧ZK-S1007动态人脸识别考勤门禁终端
  19. 在x86汇编中将寄存器设置为零的最佳方法是什么:xor,mov或?
  20. 前端js华为云obs上传下载文件与进度条的设置

热门文章

  1. 正激变换器的分析与设计(一)
  2. Ubuntu 编译 哔哩哔哩 IJKPlayer so库,并支持RTSP
  3. vlc视频转发注意事项海康摄像头上云注意事项
  4. Python入门学习03
  5. MRT(MODIS Reprojection Tool)安装、影像批量拼接、重投影和格式转换
  6. USB/IEEE1394/SATA/PATA/ESATA
  7. unity之台湾游戏教父王俊博:做永远的抬轿人
  8. android编译apk报错,android studio 编译出的apk安装报错 “应用是非正式发布版本,...
  9. Linux上传下载软件lrzsz
  10. Android Studio 配置Android Annotation