`
JavaSam
  • 浏览: 951764 次
  • 性别: 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])

 

分享到:
评论

相关推荐

    Javascript面向对象编程.

    JavaScript是一种广泛应用于Web开发的脚本语言,尤其在前端领域占据着核心地位。面向对象编程(Object-Oriented Programming,OOP)是...学习这些材料将有助于深入理解JavaScript的面向对象编程,提升你的编程技能。

    JavaScript面向对象基础.ppt

    JavaScript是一种广泛应用于Web开发的脚本语言,尤其在创建交互性网页方面发挥着重要作用。在JavaScript中,面向对象编程(OOP)是其核心概念之一,...理解这些概念对于深入学习JavaScript和开发高效Web应用至关重要。

    JavaScript面向对象精要(英文版)

    ### JavaScript面向对象精要 #### 一、概述 ...通过学习本书,开发者能够更好地理解JavaScript的底层工作原理,掌握高效的编码技巧,并能灵活运用面向对象的设计原则来构建可维护性强的应用程序。

    JavaScript学习深入—面向对象编程

    ### JavaScript学习深入—面向对象编程 #### 一、JavaScript中的类型概述 JavaScript作为一种动态的、弱类型的语言,其核心特点之一在于它灵活的对象模型。尽管JavaScript的基础架构支持面向对象编程(OOP),但在...

    JavaScript面向对象编程指南.pdf

    根据提供的文件信息,我们将重点放在面向对象编程(OOP)在JavaScript中的应用上。JavaScript作为一种广泛使用的脚本语言,不仅在浏览器环境中发挥着重要作用,在服务器端开发(如Node.js)及桌面应用程序开发等领域也...

    JavaScript学习基础学习心得

    ### JavaScript 学习基础心得 在深入探讨JavaScript的基础深度原理之前,我们首先了解JavaScript的一些基本概念,这将有助于我们更好地理解和应用这些高级知识点。 #### 浏览器组成 浏览器是JavaScript运行的重要...

    JavaScript学习之二 — JavaScript创建对象的8种方式

    在JavaScript中,对象是数据和函数的集合,是实现面向对象编程的基础。本文将深入探讨JavaScript创建对象的8种常见方式,帮助你更好地理解和掌握这门动态类型的编程语言。 1. **字面量(Literal)方式** 这是最...

    javascript 经典面向对象设计

    ### JavaScript经典面向对象设计 #### 标题与描述解析 标题“JavaScript经典面向对象设计”指出...通过学习本书中的概念和技术,开发者可以更好地理解如何利用面向对象编程的优势,构建出更加健壮和灵活的应用程序。

    javascript中的数组对象以及json学习笔记

    在JavaScript中,数组对象和JSON(JavaScript Object Notation)是两种非常重要的数据结构,它们在处理和存储数据方面起着核心作用。这篇学习笔记将深入探讨这两种数据结构的特性和用法。 首先,我们来了解...

    JavaScript面向对象编程

    JavaScript是一种广泛应用于Web开发的动态脚本语言,其面向对象编程(Object-Oriented Programming,OOP)特性是其强大之处。...通过实践和不断学习,你可以编写出功能强大的JavaScript工具和应用。

    头歌教学实践平台 Web前端开发基础 JavaScript学习手册六:JS条件语句

    JavaScript是Web前端开发的核心语言之一,它为网页和应用程序提供了动态交互的能力。在JavaScript中,条件语句是...在头歌教学实践平台的Web前端开发课程中,这些基础知识的学习和实践将为你的编程技能打下坚实的基础。

    [推荐]javascript 面向对象技术基础教程

    JavaScript是一种动态类型的脚本语言,尤其在面向对象编程方面,它的实现方式与传统的面向对象语言如Java或C++有所不同。...通过不断地实践和学习,你将能更好地掌握JavaScript的面向对象编程技巧。

    JavaScript对象定义

    JavaScript对象定义是编程语言中的核心概念,它在Web开发中起着至关重要的作用。JavaScript是一种基于原型的对象导向语言...通过持续学习和实践,开发者可以充分利用JavaScript的面向对象特性,构建复杂的Web应用程序。

    复习JavaScript面向对象技术

    JavaScript是一种广泛应用于Web开发的脚本语言,尤其在构建交互式网页和动态应用程序...通过阅读《JavaScript面向对象技术整理.docx》和参考《javascript中文经典帮助手册.chm》,你可以更深入地学习和掌握这些知识点。

    JavaScript学习PPT(适合初学者)

    PPT可能首先会讲解JavaScript的语法基础,包括如何声明和初始化变量,以及如何使用console.log()等内置函数进行调试。接着,会深入到数据类型的细节,比如动态类型的特点,以及如何使用typeof操作符来检测数据类型。...

    javascript面向对象编程参考资料

    JavaScript是一种广泛应用于Web开发的动态、弱类型、基于原型的脚本语言,它以其灵活性和强大的功能...在提供的"js面向对象.ppt"资料中,可能包含这些主题的详细讲解,建议深入学习以提升JavaScript面向对象编程能力。

    javascript面向对象技术基础

    JavaScript是一种广泛应用于Web开发的脚本语言,尤其在构建交互式网页和动态应用程序时不可或缺。其面向对象技术是JavaScript的核心特性之一,它允许...对于JavaScript初学者来说,掌握这些基础是进阶学习的关键步骤。

    跟我学习javascript的Date对象

    JavaScript中的Date对象是用于处理日期和时间的核心组件。在JavaScript中,Date对象提供了一系列的方法来创建、修改和读取日期和时间。这篇文章将深入探讨Date对象的各个方面,帮助你更好地理解和应用这个对象。 1....

    JavaScript面向对象编程指南

    通过上述知识的学习,你可以更好地理解和运用JavaScript的面向对象编程,构建更复杂的应用。记住,不断实践和探索是掌握技术的关键。可以参考提供的链接或加入相关学习群,与同行交流,共同进步。

Global site tag (gtag.js) - Google Analytics