js三进制计算机,JavaScript高级程序设计（第3版）学习笔记3 js简单数据类型

ECMAScript是一种动态类型的语言，构建于5种简单数据类型(Undefined、Null、Boolean、Number、String)和一种复杂数据类型(Object)的基础之上。这篇文章就来复习一下简单数据类型，我会尽量从编程实践的角度来描述，下面代码运行环境为FireFox 14.0.1。

简单数据类型

简单数据类型

取值

Undefined

undefined(只有一个值)

Null

null(只有一个值)

Boolean

true|false(只有两个值)

Number

数值

String

字符串

首先需要说明的是，在ECMAScript中，上述5种简单数据类型，其中Boolean、Number、String都有同名的内置包装对象，而简单数据类型的字面值(变量)会根据情况自动包箱，从而可以直接调用方法，至于具体可以调用哪些方法，在讨论内置对象时再详细说明：

console.info(true.toString());//true,相当于使用Boolean()包装之后再调用

console.info(Boolean(false).toString());//false，将false转换为Boolean类型值

console.info(new Boolean(false).toString());//false，将false使用Boolean()包装

console.info(false.toString());//false，相当于使用Boolean()包装之后再调用

console.info('test'.toString());//test，相当于使用String()包装之后再调用

try{

console.info(undefined.toString());//没有相应包装类型，抛出异常

}catch(e){

console.info(e);//TypeError

}

try{

console.info(null.toString());//没有相应包装类型，抛出异常

}catch(e){

console.info(e);//TypeError

}

var num = 4;

console.info(num.toString());//4，可以直接在简单数值变量上调用方法，相当于使用Number()包装之后再调用

//console.info(3.toString());//SyntaxError,语法错误不能使用try捕获，说明不能直接在数值字面量上调用

其次说一下实际用的最多的数据转换：

(1)转换为Boolean：!!value

(2)转换为Number：+value

(3)转换为String：''+value

下面再具体说明5种简单数据类型：

1、Undefined类型

Undefined数据类型只有一个取值：undefined。

(1)所有未初始化的值都默认为undefined(也就没有必要把一个变量显示初始化为undefined了)。

(2)在函数作用域中，没有传入实际参数的函数形参为undefined。

(3)函数没有明确返回或者return;的时候，返回值为undefined。

(4)在ECMAScript中，规定null==undefined返回true，而null===undefined返回false。

(5)undefined相应的Boolean值为false。

(6)使用typeof作用于undefiend时，返回字符串'undefined'，作用于一个从未声明的“变量”时，也会返回'undefined'。

(7)undefined转换数值为NaN，转换字符串为'undefined'。

console.info(undefined===undefined);//true

console.info(typeof undefined);//undefined

console.info(typeof noDefined);//undefined，未定义的标识符，使用typeof也返回undefined，这也是未定义的标识符唯一可用的的操作符

console.info(!undefined);//true，这里返回true，正是很多条件语句中判断变量是否初始化的基础

console.info(!!undefined);//任何一个值，使用双重否定!!都会将其转换为相应的Boolean值，这里说明undefiend相应的Boolean值为false

console.info(undefined==null);//ES中规定，null与undefined相等性测试返回true

console.info(undefined===null);//但undefined与null毕竟是两个数据类型，使用全等比较时，返回false

console.info(typeof undefined==undefined);//false，typeof undefined返回的是一个字符串'undefined'，所以这里输出false

console.info(+undefined);//NaN,转换数值时为NaN

console.info(''+undefined);//undefined，转换为字符串'undefined'

2、Null类型

Null类型也只有一个值：null。

(1)对null值使用typeof时，返回字符串'object'。

(2)null相应的Boolean值为false。

(3)如果一个变量用于保存一个对象，建议初始化为null。

(4)null转换数值为0，转换字符串为'null'。

console.info(null===null);//true

console.info(typeof null);//object

console.info(!null);//true

console.info(!!null);//false,说明null相应的Boolean值为false

console.info(undefined==null);//true

console.info(undefined===null);//false

console.info(+null);//0，转换为数值0

console.info(''+null);//null，转换为字符串'null'

3、Boolean类型

Boolean类型只有两个值：true和false。

(1)虽然只有两个值，但是任何一种数据类型的值都能转换为与其相对应的Boolean值，转换方式主要有三种：

A、通过转型函数Boolean()转换

需要注意的是，当Boolean()作为转换函数时，会转换为一个与其相应的Boolean值，当作为构造函数时，会创建一个对象，而任意非空对象的Boolean值都是true，有时候这会造成误解，建议就是不使用Boolean()。对于String()、Number()也有类似情况。

B、通过双重否定!!操作符转换

C、通过隐式转换，比如一些条件语句中

(2)Boolean类型的true和false，使用typeof时，均返回字符串'boolean'。

(3)在转换为数值时，true和false分别转换为1和0，转换为字符串时，分别为'true'和'false'。

var value = 'test';

var empty = '';

console.info(!!value);//true

console.info(!!empty);//false

console.info(Boolean(value));//true

console.info(Boolean(empty));//false

console.info(!!value === Boolean(value));//true，说明两种转换方式等价

console.info(!!empty === Boolean(empty));//true

console.info(new Boolean(value));//Boolean对象，注意这里使用了new，会创建一个对象

console.info(new Boolean(empty));//Boolean对象

if(value){//隐式转换为true

console.info(value);//test

}

if(empty){//隐式转换为false，不执行括号内部语句

console.info('empty');

}

if(new Boolean(empty)){//先创建对象，再隐式转换为true，会执行括号内部的语句

console.info('empty');//empty

}

console.info(typeof true == 'boolean');//true

console.info(+true);//1，一元操作符，转换为数值1

console.info(+false);//0

console.info(''+true);//true，重载后的+操作符，转换为字符串'true'

console.info(''+false);//false

具体的转换规则如下：

数据类型

转换为true的值

转换为false的值

Undefined

-

undefined

Null

-

null

Boolean

true

false

Number

任意非0数值(包括无穷大)

0和NaN

String

任意非空字符串

空字符串

Object

任意对象

-

4、Number类型

在ECMAScript中，没有单独的整型、浮点型，只有一个Number类型，使用IEEE754格式来表示(这种表示法在计算时会有舍入误差)，在这里不去细究底层实现，这些东西在学校学C语言的时候已经很头痛了，不想再头痛一次。下面我把实际编程中用的最多的放到最前面来讲，这一般来说已经足够，对于不想被太边缘的细节所困扰的朋友，随时可以跳过后面关于Number的论述。

(1)数值转换：主要是下面的三个转换函数

Number()函数：和Boolean()类似，将数据转换成Number类型，和使用一元加操作符(+)作用相同，建议使用 + 操作符，比较简单。

parseInt()函数：解析整数，可以传入数据和进制，如parseInt('070',8)输出10进制的56。

parseFloat()函数：解析浮点数，只能接受一个参数，需要注意的是，如果被解析的数据结果是整数，会直接返回整数。

注：使用Number()和+转换时，true—>1，false—>0，undefined—>NaN，null—>0，空字符串—>0，非空字符串—>按数值解析。

var trueVal = true;

var falseVal = false;

var undef = undefined;

var nullVal = null;

var intVal = '1';

var floatVal = '1.0';

var strVal = 'test';

var empty = '';

console.info(Number(trueVal));//1

console.info(Number(falseVal));//0

console.info(Number(undef));//NaN

console.info(Number(nullVal));//0

console.info(Number(intVal));//1

console.info(Number(floatVal));//1

console.info(Number(strVal));//NaN

console.info(Number(empty));//0

console.info(+trueVal);//1

console.info(+falseVal);//0

console.info(+undef);//NaN

console.info(+nullVal);//0

console.info(+intVal);//1

console.info(+floatVal);//1

console.info(+strVal);//NaN

console.info(+empty);//0

console.info(parseInt(trueVal));//NaN

console.info(parseInt(falseVal));//NaN

console.info(parseInt(undef));//NaN

console.info(parseInt(nullVal));//NaN

console.info(parseInt(intVal));//1

console.info(parseInt(floatVal));//1

console.info(parseInt(strVal));//NaN

console.info(parseInt(empty));//NaN

console.info(parseFloat(trueVal));//NaN

console.info(parseFloat(falseVal));//NaN

console.info(parseFloat(undef));//NaN

console.info(parseFloat(nullVal));//NaN

console.info(parseFloat(intVal));//1

console.info(parseFloat(floatVal));//1

console.info(parseFloat(strVal));//NaN

console.info(parseFloat(empty));//NaN

说明：这些转换函数的行为可能会由于浏览器的不同实现而不同，建议在实际编程过程中对存有疑问的先自行编写测试。在《JavaScript高级程序设计(第3版)》中，这一节描述的也有很多地方和我实际运行的结果不同，比如原书说parseInt()只能解析字符串，但是下面的代码也可以运行：

var object = {

value:1,

toString:function(){

return this.value;

}

};

console.info(parseInt(object));//1

(2)整数和浮点数：受C语言熏陶的人，肯定要固执的区分一下整数和浮点数吧！在ECMAScript中，他们没有预想的那么有差别，简单点，含有小数点且小数点后至少有一位不是0的数值就是浮点数，否则就是整数，比如1.01是浮点数，1.、1.00因为小数点后没有不是0的数，引擎会解析成整数1。你可能会设想两个整数相除结果也会取整吧，比如3 / 2 = 1，但是在ECMAScript中，不要担心这些，已经还原其数学属性了，你会发现 3 / 2 = 1.5了，这一点，在运算符相关部分还会再提及。

(3)进制：也称进位制，实际上就是进位(低位向高位)的方法，每种进制都有一个基数，当低位数值达到这个基数时，就向高位进1。在日常生活中，用的最多的自然是10进制，比如10角就进位为1元，在时间度量中，还有24进制(24小时为1天)、60进制(60秒为1分)，在古代，也有使用16进制的(想一想半斤八两吧)。但是在计算机的处理中，由于电流只有通和不通两种状态，所以只能处理2进制数据，不过这对于自然人来说不好理解，于是又使用8进制、16进制作为10进制和2进制转换的中间状态。

在ES3中，可以使用8进制、10进制、16进制，但是在ES5中，8进制已经被禁用了。

8进制：以1位数字0开始，后面是8进制数字序列(0~7)，如果数字超过了7，会忽略前导0而作为10进制处理，比如08会解析为10进制的数字8。

16进制：以1位数字0和1个字母x开始，后面是16进制数字序列(0-9a-fA-F)。

10进制：可以直接将所有数位一一写出来，也可以使用科学计数法(不明白？找一本中学数学教科书来看看吧)来表示。

(3)特殊值：在ECMAScript中，有2个特殊的数值NaN和Infinity需要注意一下，前者表示不是一个数值(Not a Number)，后者表示不在表示范围内的数值，还可以使用正负号表示方向。对于这两个特殊值，这里不去考察具体的运算规则(你若感兴趣，可以自行测试，我在下面也会举一些例子)，只做如下两点说明：

A、不能用val==NaN来判断一个变量是否为NaN，而要使用全局的isNaN()函数，该函数接受一个参数，当参数可以转换为数值时返回true，否则返回false。

B、尽量不要使用val==Infinity判断是否超出范围，而使用全局的isFinite()函数，该函数接受一个参数，当参数数值处于表示范围内时返回true，否则返回false。这里所说的表示范围是指从Number.MIN_VALUE到Number.MAX_VALUE，另外，在Number里面，还有属性Number.NEGATIVE_INFINITY和Number.POSITIVE_INFINITY，其值分别为Infinity和 -Infinity。

console.info(0/0); //NaN

console.info(NaN==NaN);//false

console.info(NaN+1);//NaN

console.info(NaN/NaN);//NaN

var notNumber = NaN;

console.info(notNumber==NaN);//false

console.info(isNaN(notNumber));//true

console.info(1/0); //Infinity

console.info(-1/0); //-Infinity

console.info(1/Infinity);//0

console.info(Infinity/Infinity);//NaN

console.info(Infinity==Infinity); //true

var inf = Infinity;

console.info(inf==Infinity);//true

console.info(!isFinite(inf));//true

console.info(!isFinite(NaN));//true

console.info(isNaN(Infinity));//false

注：在《JavaScript高级程序设计(第3版)》中第29页说任何数值除以0都会返回NaN，实际上并非如此。

5、String类型

和一般类C语言不同，在ECMAScript中，没有字符类型，而将字符串类型String作为一种简单类型，其字面量使用引号(单引号'或双引号“)括起来。

(1)对于字符串类型的操作，加号“+”被重载，任意一个数值与字符串相加，都会先将其使用String()转换成字符串，然后将两个字符串合并。

(2)使用String()转换，undefined—>'undefined'，null—>'null'，true—>'true'，false—>'false'，数值类型Number—>按数值可见的字符转换，对象Object—>调用toString。

console.info(''+1+1);//11，而不是2

console.info(''+true);//true

console.info(''+undefined);//undefined

console.info(''+null);//null

(3)字符串使用反斜杠“”来转义，常见的一些转义字符有：

字面量

含义

字面量

含义

n

换行

\

反斜杠

t

制表

'

单引号

b

空格

"

双引号

r

回车

xnn

以十六进制代码nn表示的一个字符

f

进纸

unnnn

以十六进制代码nnnn表示的一个Unicode字符

好了，关于简单数据类型，就整理到此。