您的位置:

js语句console.log(js语句和表达式的区别)

js语句console.log(js语句和表达式的区别)

更新:

本文目录一览:

console.log()是什么意思?

除了一些很老版本的浏览器,现今大多数浏览器都自带调试功能;即使没有调试功能,也可以通过安装插件来进行补充。

比如,老版本的Firefox没有自带调试工具,在这种情况下可以通过安装Firebug插件来添加调试功能。在具备调试功能的浏览器上,window对象中会注册一个名为console的成员变量,指代调试工具中的控制台。通过调用该console对象的log()函数,可以在控制台中打印信息。

console.log()可以接受任何字符串、数字和JavaScript对象。与alert()函数类似,console.log()也可以接受换行符\n以及制表符\t。console.log()语句所打印的调试信息可以在浏览器的调试控制台中看到。不同的浏览器中console.log()行为可能会有所不同。

console.log()的作用

主要是方便调式javascript用的,可以看到在页面中输出的内容,与alert相比,它能看到结构化的东西,而alert淡出一个对象就是[obujct object],但comsole能看到对象的内容,console不会打断页面的操作。

相比alert他的优点是:

1、他能看到结构话的东西,如果是alert,淡出一个对象就是object object,但是console能看到对象的内容。

2、console不会打断你页面的操作,如果用alert弹出来内容,那么页面就死了,但是console输出内容后你页面还可以正常操作。

3、console里面的内容非常丰富,你可以在控制台输入console,然后就可看到。

相关内容:

比如,老版本的Firefox没有自带调试工具,在这种情况下可以通过安装Firebug插件来添加调试功能。在具备调试功能的浏览器上,window对象中会注册一个名为console的成员变量,指代调试工具中的控制台。通过调用该console对象的log()函数,可以在控制台中打印信息。

console.log()可以接受任何字符串、数字和JavaScript对象。与alert()函数类似,console.log()也可以接受换行符\n以及制表符\t。console.log()语句所打印的调试信息可以在浏览器的调试控制台中看到。不同的浏览器中console.log()行为可能会有所不同。

javascript 中的console.log有什么作用啊?是做什么的呢?谢谢大家

大家都有用过各种类型的浏览器,每种浏览器都有自己的特色,本人拙见,在我用过的浏览器当中,我是最喜欢Chrome的,因为它对于调试脚本及前端设计调试都有它比其它浏览器有过之而无不及的地方。可能大家对console.log会有一定的了解,心里难免会想调试的时候用alert不就行了,干嘛还要用console.log这么一长串的字符串来替代alert输出信息呢,下面我就介绍一些调试的入门技巧,让你爱上console.log

先的简单介绍一下chrome的控制台,打开chrome浏览器,按f12就可以轻松的打开控制台

大家可以看到控制台里面有一首诗还有其它信息,如果想清空控制台,可以点击左上角那个来清空,当然也可以通过在控制台输入console.clear()来实现清空控制台信息。如下图所示

现在假设一个场景,如果一个数组里面有成百上千的元素,但是你想知道每个元素具体的值,这时候想想如果你用alert那将是多惨的一件事情,因为alert阻断线程运行,你不点击alert框的确定按钮下一个alert就不会出现。

下面我们用console.log来替换,感受一下它的魅力。

看了上面这张图,是不是认识到log的强大之处了,下面我们来看看console里面具体提供了哪些方法可以供我们平时调试时使用。

目前控制台方法和属性有:

["$$", "$x", "dir", "dirxml", "keys", "values", "profile", "profileEnd", "monitorEvents", "unmonitorEvents", "inspect", "copy", "clear", "getEventListeners", "undebug", "monitor", "unmonitor", "table", "$0", "$1", "$2", "$3", "$4", "$_"]

下面我们来一一介绍一下各个方法主要的用途。

一般情况下我们用来输入信息的方法主要是用到如下四个

1、console.log 用于输出普通信息

2、console.info 用于输出提示性信息

3、console.error用于输出错误信息

4、console.warn用于输出警示信息

5、console.debug用于输出调试信息

用图来说话

console对象的上面5种方法,都可以使用printf风格的占位符。不过,占位符的种类比较少,只支持字符(%s)、整数(%d或%i)、浮点数(%f)和对象(%o)四种。

console.log("%d年%d月%d日",2011,3,26);console.log("圆周率是%f",3.1415926);

%o占位符,可以用来查看一个对象内部情况

var dog = {};dog.name = "大毛";dog.color = "黄色";console.log("%o", dog);

6、console.dirxml用来显示网页的某个节点(node)所包含的html/xml代码

body

table id="mytable"

tr

tdA/td

tdA/td

tdA/td

/tr

tr

tdbbb/td

tdaaa/td

tdccc/td

/tr

tr

td111/td

td333/td

td222/td

/tr

/table

/body

script type="text/javascript"

window.onload = function () {

var mytable = document.getElementById(‘mytable‘);

console.dirxml(mytable);

}

/script

7、console.group输出一组信息的开头

8、console.groupEnd结束一组输出信息

看你需求选择不同的输出方法来使用,如果上述四个方法再配合group和groupEnd方法来一起使用就可以输入各种各样的不同形式的输出信息。

JavaScript:如何使用Console.log()输出对象信息

有两种写法:

第一种:

console.log('my object:', obj);

第二种:

分开写

console.log(‘my object:');

console.log(obj);

如果使用console.log(’my object:’+obj);就会出现问题中的那种错误,这是因为+是用于拼接字符串的,而此时对象的结构语法显示。

javascript的console.log怎么用

console.log(要输出的对象);结果会在浏览器控制台显示。如:console.log("测试");运行页面时会在页面控制台输出“测试”二字。

js语句console.log(js语句和表达式的区别)

本文目录一览: 1、console.log()是什么意思? 2、console.log()的作用 3、javascript 中的console.log有什么作用啊?是做什么的呢?谢谢大家 4、Java

2023-12-08
javascript一句话笔记,javascript基本语句

2022-11-16
js调试输出语句,js输出函数

本文目录一览: 1、如何输出js里面变量的内容? 2、如何调试JS? 3、请列举出JS语言中输出数据的几种方式 4、javascript的输出语句怎么写?还有document.write(str)是啥

2023-12-08
htmljs编程笔记(html代码笔记)

本文目录一览: 1、html代码和JS代码有什么区别 2、如何在html中调用js函数 3、JavaScript学习笔记之数组基本操作示例 4、HTML5初学者笔记 5、《web前端笔记7》js字符—

2023-12-08
javascript简要笔记,JavaScript读书笔记

2022-11-17
JS中Switch语句的使用

2023-05-16
js中如何写php语句,php执行js的代码

2022-11-29
JS三元表达式详解

2023-05-18
JS三元判断的表达式详解

2023-05-18
c和js一样吗,c语言和js的区别

本文目录一览: 1、C语言和javascript 语言相同度高吗? 2、JS是什么,有没有前途,比起C呢? 3、javascript和c的区别 知乎 4、javascript、C#、C语言三者的区别辨

2023-12-08
javascript与jsp区别,js和jsp的区别和联系

2022-11-24
js和web区别(JavaScript和JS)

本文目录一览: 1、前端和web 有什么区别 2、前端和Web前端有什么区别吗? 3、javascript和java.web的区别是什么(本人新手)? 4、unity3d js 和web js的区别

2023-12-08
js语句编程(js语言用什么编写)

本文目录一览: 1、Web前端开发知识点之JavaScript的介绍与语法 2、用JavaScript语句编写程序,随机输入一个整数与5相乘所得结果 3、JS编程是什么意思? 4、js是什么编程语言呀

2023-12-08
达内web前端js笔记(达内jsd)

本文目录一览: 1、web前端里的js技术 2、《web前端笔记7》js字符—获取、查找、遍历、提取、替换方法总结 3、达内web前端开发讲的什么内容 4、2020年自学Web前端要掌握的知识点有哪些

2023-12-08
JS三元表达式嵌套详解

2023-05-18
javajs差异,js java 区别

本文目录一览: 1、JavaScript和Java的区别是什么? 2、js和java的区别 3、Java跟JavaScript有什么区别??? JavaScript和Java的区别是什么? 区别:用处

2023-12-08
js和java,js和javaweb的区别

2023-01-06
js中能用php语句,php使用js

2022-11-20
7个php基础与js操作的区别(PHP和JS)

本文目录一览: 1、php和javascript的区别 2、一张图让我看懂PHP和JS区别 3、PHP与JS之间的区别? php和javascript的区别 PHP是运行于服务器端的后台脚本语言,其语

2023-12-08
java中执行js(java中执行sql语句)

本文目录一览: 1、如何在java中调用js方法 2、如何通过java代码调用js 3、java用什么调用js代码 4、java怎么调用javascript 5、java程序中运行js脚本 6、请问怎

2023-12-08