WEB前端 JavaScript 学习笔记

JavaScript 输入输出语句

• alert(msg)：浏览器弹出警示框
• prompt(info)：浏览器弹出输入框，用户可以输入
• Console对象
  • Console 对象用于 JavaScript 调试。
  • JavaScript 原生中默认是没有 Console 对象，这是宿主对象（也就是浏览器）提供的内置对象。 用于访问调试控制台, 在不同的浏览器里效果可能不同。
  • Console 对象常见的两个用途：
    • 显示网页代码运行时的错误信息。
    • 提供了一个命令行接口，用来与网页代码互动。

Console 对象方法：

• assert()： assert方法接受两个参数，第一个参数是表达式，第二个参数是字符串。只有当第一个参数为false，才会输出第二个参数，否则不会有任何结果。

// 实例
console.assert(true === false, "判断条件不成立")
// 输出：Assertion failed: 判断条件不成立

• clear()：清除当前控制台的所有输出，将光标回置到第一行。

console.clear()

• count()：用于计数，输出它被调用了多少次。

for (var i = 0; i < 10; i++) { console.count('count'); 
}

• error()：输出信息时，在最前面加一个红色的叉，表示出错，同时会显示错误发生的堆栈。

console.error("Error: %s (%i)", "Server is not responding",500)

• group()：用于将显示的信息分组，可以把信息进行折叠和展开。

console.group('第一层');console.group('第二层');console.log('error');console.error('error');console.warn('error');console.groupEnd(); 
console.groupEnd();

• groupCollapsed()：与console.group方法很类似，唯一的区别是该组的内容，在第一次显示时是收起的（collapsed），而不是展开的。

console.groupCollapsed('第一层');console.groupCollapsed('第二层');console.log('error');console.error('error');console.warn('error');console.groupEnd(); 
console.groupEnd();

• groupEnd()：结束内联分组

console.group('Group One');
console.group('Group Two');// some codeconsole.groupEnd(); // Group Two 结束
console.groupEnd(); // Group One 结束

• info()：console.log 别名，输出信息

console.info("runoob")

• log()：输出信息

console.log("runoob")

• table()：将复合类型的数据转为表格显示。