1.console输出
在调试JS代码时,前端程序员更习惯使用console来输出一些调试信息。
下面列出以下几种 console 对象的常用方法:
| 方法名字 | 含义 |
|---|---|
| console.log() | 输出日志 |
| console.debug() | 输出调试 |
| console.info() | 输出信息 |
| console.warn() | 输出警告 |
| console.error() | 输出错误 |
| console.time() 与 console.timeEnd() | 输出一段程序的耗时时间 |
| console.table() | 输出表格 |
| console.count() | 输出执行次数 |
| console.assert() | 输出断言 |
通过一个实例理解以上用法。
<script>
function func() {
console.count("label");
}
const people = {
"person1": {"id":"P001","fname": "san", "lname": "zhang"},
"person2": {"id":"P002","fname": "si", "lname": "li"},
"person3": {"id":"P003","fname": "wu", "lname": "wang"}
};
const fruits = ['apple','banana','oranges'];
console.time("for-test");
const arr = [];
for(let i = 0; i < 100000; i++) {
arr.push({"key": i});
}
console.timeEnd("for-test");
for(let i = 0; i < 1000; i++) {
func();
if(i>0&& i%7==0){
break;
}
}
console.info('普通信息');
console.log('日志信息');
console.debug('调试信息');
console.warn('警告信息');
console.error('错误信息');
console.table(people);
console.assert(fruits.length > 5);
</script>
运行结果:

2.Javascript的数据类型
从大的方面分为基本数据类型和对象类型,两大类。
(1).基本数据类型 1.布尔值(Boolean),有2个值分别是:true 和 false. 2.null , 一个表明 null 值的特殊关键字。 JavaScript 是大小写敏感的,因此 null 与 Null、NULL或变体完全不同。 3.undefined ,和 null 一样是一个特殊的关键字,undefined 表示变量未定义时的属性。 4.数字(Number),整数或浮点数,例如: 42 或者 3.14159。 5.字符串(String),字符串是一串表示文本值的字符序列,例如:"Howdy" 。 6.代表(Symbol) ( 在 ECMAScript 6 中新添加的类型).。一种实例是唯一且不可改变的数据类型。
注意undefined和null,一般将它们看成两个特殊值(后面会做详细介绍)
(2)对象类型 对象则称为合成类型(complex type)的值,因为一个对象往往是多个原始类型的值的合成,可以看作是一个存放各种值的容器。对象是最复杂的数据类型,又可以分成三个子类型: 狭义的对象(object) 数组(array) 函数(function) 狭义的对象和数组是两种不同的数据组合方式,除非特别声明,一般而言“对象”都特指狭义的对象。函数其实是处理数据的方法,JavaScript 把它当成一种数据类型,可以赋值给变量,这为编程带来了很大的灵活性,也为 JavaScript 的“函数式编程”奠定了基础。
对于Javascript的数据类型比较完美的诠释,如下图所示:
