`
JavaSam
  • 浏览: 934887 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

javascript console 对象 学习

阅读更多

console 对象不是js库中的函数,而是浏览器函数

 

如果你使用firefox并且装有firebug插件,当使用console.log(……)时,会把括号内的字符串输出到控制台,当然,在IE中这个是没有的,要报错。相同的还有console.info(……),console.debug(……),区别是有些能通过控制台的输出点进去对应的语句

console.log(object[, object, ...]) 在控制台输出一条消息。如果有多个参数,输出时会用空格隔开这些参数。

第一个参数可以是一个包含格式化占位符输出的字符串,例如:

console.log("The %s jumped over %d tall buildings", animal, count);

上面的例子可以用下面的无格式化占位符输出的代码替换:

console.log( " The " , animal,  " jumped over " , count,  " tall buildings " );

并且,这两种方式是可以组合使用的。如果使用了格式化占位符,而提供的参数的个数多于占位符的个数,那么,多余的参数会以空格分隔的方式附加在字符串后面,就像:

console.log( " I am %s and I have: " , myName, thing1, thing2, thing3);

如果参数是一个Javascript对象,那么在控制台输出的就不是静态文字,而是一个可交互的超链接,点击超链接可以查看该对象的HTML, CSS, Script, DOM窗口,可用格式化字符串%o代替Javascript对象。

console.log( " Body tag is %o " , document.body);

格式化字符串列表:

%s 字符串
%d, %i 整型(暂不支持数字型)
%f 浮点型 (暂不支持数字型) 
%o 链接对象

console.debug(object[, object, ...]) 在控制台输出一条消息,包含一个指向代码调用位置的超链接。假如是直接在控制台输入该命令,就不会出现超链接(和console.log()一样)。

console.info(object[, object, ...]) 在控制台输出一条带有“信息”图标的消息和一个指向代码调用位置的超链接。

console.warn(object[, object, ...]) 在控制台输出一条带有“警告”图标的消息和一个指向代码调用位置的超链接。

console.error(object[, object, ...]) 在控制台输出一条带有“错误”图标的消息和一个指向代码调用位置的超链接。

console.assert(expression[, object, ...]) 测试表达式expression是否为真。如果不是真,会在控制台写一条消息并抛出异常

console.dir(object) 以列表形式输出一个对象的所有属性,有点和你查看DOM窗口相类似。

console.dirxml(node) 输出一个HTML或者XML元素的XML源代码。和你在HTML窗口看到的相似。

console.trace() Prints an interactive stack trace of JavaScript execution at the point where it is called.

The stack trace details the functions on the stack, as well as the values that were passed as arguments to each function. You can click each function to take you to its source in the Script tab, and click each argument value to inspect it in the DOM or HTML tabs.

console.group(object[, object, ...]) 输出一条消息,并打开一个嵌套块,块中的内容都会缩进。调用console.groupEnd()关闭块。该命令可以嵌套使用。

console.groupEnd() 关闭最近一个由console.group打开的块。

console.time(name) 创建一个名字为name的计时器,调用console.timeEnd(name)停止计时器并输出所耗时间(毫秒)。

console.timeEnd(name) 停止同名的计时器并输出所耗时间(毫秒)。

console.profile([title]) 打开Javascript性能测试开关。可选参数title会在打印性能测试报告时在报告的开头输出。

console.profileEnd() 关闭Javascript性能测试开关并输出报告。

console.count([title])

 

分享到:
评论

相关推荐

    Web前端开发技术-认识DOM对象.pptx

    例如,console对象、document对象、window对象。;认识dom对象;认识dom对象;认识dom对象;认识dom对象;认识dom对象;认识dom对象;认识dom对象;认识dom对象;认识dom对象;认识dom对象;认识dom对象;认识dom对象;认识dom...

    javascript类型系统 Window对象学习笔记

    window对象是Web浏览器中javascript的一个终极兜底儿对象,在作用域中处于最末端,是一个包含所有对象的对象。所有在全局作用域中定义的属性和函数都是window对象的属性 var myStringVar = 'myString'; var ...

    跟我学习javascript的Date对象

    本篇主要介绍Date 日期和时间对象的操作。 1. 介绍 1.1 说明 Date对象,是操作日期和时间的...console.log(dt); // => 返回一个表示本地日期和时间的Date对象 2.2 new Date(milliseconds) :把毫秒数转换为Date对象

    从面试题学习Javascript 面向对象(创建对象)

    console.group(); console.info(“我的名字是:” + me.attr(“fullname”) + “\n我的性别是:” + me.attr(“gender”)); console.groupEnd(); /*——[执行结果]—— 我的名字是:小红 我的性别是:<用户未...

    javascript从入门到跑路—–小文的js学习笔记(8)—–bom的对象及其用法—window 、History、location、navigator 、screen

    javascript从入门到跑路—–小文的js学习笔记(1)———script、alert、document。write() 和 console.log 标签 … … javascript从入门到跑路—–小文的js学习笔记目录 ** 一、BOM(Browers,Object,model)...

    JavaScript中重名的函数与对象示例详析

    本文主要给大家介绍了关于JavaScript中重名的函数与对象的相关内容,分享出来供大家参考学习,下面话不多说了,来一起看看详细的介绍吧。 JavaScript 允许重复声明变量,后声明的覆盖之前的。 var a = 1; var a = '...

    基于JavaScript判断两个对象内容是否相等

    这篇文章主要介绍了基于JavaScript判断两个对象内容是否相等,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下 ES6中有一个方法判断两个对象是否相等,这个方法...

    javascript学习笔记(十四) window对象使用介绍

    javascript学习笔记之window对象使用介绍,需要的朋友可以参考下

    JavaScript遍历数组和对象的元素简单操作示例

    博主最近一直在学习JavaScript,今天给大家分享如何遍历JavaScript中的数组和对象的元素,这篇文章相当于做一篇小的笔记,希望能帮助到大家! 遍历数组 [removed] var arr = ['关羽','张飞','赵云','马超','黄忠'];...

    javascript的正则匹配方法学习

    javascript中正则匹配有3个方法,match,exec,test。这些方法都跟字符串和RegExp对象有关,但使用场景不一样,容易混淆。match是字符串的一个方法,接收一个RegExp对象做为参数,其他的是RegExp对象的方法,接收一个...

    JavaScript易错知识点整理

    本文是我学习JavaScript过程中收集与整理的一些易错知识点,将分别从变量作用域,类型比较,this指向,函数参数,闭包问题及对象拷贝与赋值这6个方面进行由浅入深的介绍和讲解,其中也涉及了一些ES6的知识点。...

    javascript从入门到跑路—–小文的js学习笔记(3)———javascript中的数据类型

    javascript从入门到跑路—–小文的js学习笔记(1)———script、alert、document。write() 和 console.log 标签 … … javascript从入门到跑路—–小文的js学习笔记目录 ** 在学习js的数据类型前,首先要学习一个...

    javascript-learn

    javascript学习 一个学习JavaScript的仓库 学习进度 学习内容 更新时间 备注 介绍 2021-03-24 历史的 2021-03-24 基本语法 ... console对象与控制台 2021-03-29 目的 2021-03-29 属性描述对象 2021-03-

    学习JavaScript设计模式之迭代器模式

    迭代器模式是指提供一种方法顺序访问一个聚合对象中的各个元素,而又不需要暴露该对象的内部表示。 JavaScript中的Array.prototype.forEach 一、jQuery中的迭代器 $.each([1, 2, 3], function(i, n) { console....

    head-first-javascript-examples:第一本书“学习JavaScript编程”的工作坊

    第一本书“学习JavaScript编程”的工作坊目录:第1章:“在陌生的水域中” JavaScript的工作方式如何建立团队变量和值关键字词第2章:“下一步” 循环,变量,比较运算符,逻辑运算符Alert(),提示(),console....

    前端学习之JavaScript DOM以及DOM操作的基础知识

    在了解了javascript的语言基础和特性后 javascript真正大放光彩的地方来了——这就是javascript DOM Javascript DOM DOM(Document Object Model),文档对象模型。...可以看到 console.log(timer)打印出来的是整

    【新手入门】javascript新手学习第三课

    Object对象 一般来说创建对象的方法有两种 var obj={ name:'丁小柒', age :12} console.log(obj.name) //输出丁小柒 通过函数的形式来创建对象(必须进行实例化),也可以进行多重实例化 el:通过一个怪物对象来创建更...

    Javascript学习笔记之函数篇(五) : 构造函数

    Javascript 中的构造函数与其他语言相比也是不同的。任何通过关键字 new 调用的函数都可以当做构造函数。 在构造函数体内,this 指向新创建的对象。如果构造函数体内没有显示的 return 表达式,那么我们就默认返回 ...

    JavaScript严格模式下关于this的几种指向详解

    相信不少人在学习或者使用Javascript的时候,都曾经被 JavaScript 中的 this 弄晕了,那么本文就来整理总结一下在严格模式下 this 的几种指向。 一、全局作用域中的this 在严格模式下,在全局作用域中,this指向...

Global site tag (gtag.js) - Google Analytics