← 返回首页
Javascript基础教程(五)
发表时间:2020-03-25 12:42:51
讲解console输出与Javascript的数据类型。

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的数据类型比较完美的诠释,如下图所示: