第3章:基本概念(数据类型之typeof操作符、undefined、null、Boolean和Number)

3.4 数据类型

ECMAScript中有5中简单数据类型(也称为基本数据类型):Undefined、Null、Boolean、Number和String。还有一种复杂数据类型—Object。Object本质上是由一组无序的名值对组成的。咋一看,好像只有6中数据类型不足以表示所有数据;但是,由于ECMAScript数据类型具有动态性,因此的确没有在定义其他数据类型的必要了。

3.4.1 typeof操作符

鉴于ECMAScript是松散类型的,因此需要一种手段来检测给定变量数据类型—typeof 操作符就是负责提供这方面信息的操作符。对一个值使用typeof操作符可能返回下列某个字符。

  • “undefined” — 如果这个值未定义;
  • “boolean” — 如果这个值是布尔值;
  • “string” — 如果这个值是字符串;
  • “number” — 如果这个值是数值;
  • “object” — 如果这个值是对象或者null;
  • “function” — 如果这个值是函数

下面是使用typeof操作符的例子:

var message = "some string";
alert(typeof message);   // "string"
alert(typeof(message));  // "string"
alert(typeof 95);        // "number"

这几个例子说明,typeof操作符的操作数可以是变量(message),也可以是数字字面量。注意,typeof是一个操作符而不是函数,因此例子中的圆括号尽管可以使用,但不是必须的。
有些时候,typeof操作符会返回一些令人迷惑但是技术上却是正确的值。比如,调用typeof null会返回”object”,因为特殊值null被认为是一个空的对象的引用。Safari 5以及之前的版本、chrome 7以及以前的版本在对正则表达式调用typeof操作符时候会返回”function”,而其他浏览器在这种情况下会返回”object”。

从技术角度讲,函数在ECMAScript中是对象,不是一种数据类型,然而,函数也确实有一些特殊性,因此通过typeof操作符来区分函数和其他对象也是有必要的。

3.4.2 Undefined类型

Undefined类型只有一个值,即特殊的Undefined。在使用var声明变量但是未对其进行初始化的时候,这个变量就是undefined,例如:

var message;
alert(message == undefined); // true

这个例子只声明了变量message,但是未对此进行初始化。比较这个变量与undefined字面量,结果表明它们是相等的,这个例子与下面的例子是等价的。

var message = undefined;
alert(message == undefined); // true

这个例子使用undefined值显式初始化了变量message。但是我们没有必要这么做,因为未初始化的值默认就会取得undefined的值。

一般而言不需要显式地把一个变量设置为undefined值的情况。字面值undefined的主要目的是用于比较,而ECMAS-262第3版之前的版本并没有规定这个值。第3版引入这个值是为了正式区分空对象指针与未初始化的变量。

不过,包含undefined的值的变量与尚未定义的变量还是不一样的。看看下面这个例子:

var message;    //这个变量声明之后取得默认值undefined
// 下面这个变量并没有声明
// var age
alert(message); //"undefined"
alert(age); // 产生错误

运行上面的代码,第一个警告会显示message的值,即”undefined”。而第二个警告框—由于传递给alert()函数是尚未声明的变量age—则会导致一个错误。对于尚未声明过的变量,只能执行一项操作,即使用typeof操作符检测数据类型(对于尚未定义的变量调用delete不会导致错误,但这样没有什么实际意义,而在严格模式下会导致错误)。

然而令人困惑的是:对未初始化的变量执行typeof操作符会返回undefined值,而对未声明的变量执行typeof操作符会同样返回undefined值。来看下面的例子:

var message;    // 这个变量声明之后默认取得了undefined值
//下面这个例子变量没有声明
// var age;

alert(typeof message);  //undefined
alert(typeof age);  //undefined

记过表明,对未初始化和为声明变量执行typeof操作符都返回了undefined值;这个结果有其逻辑上的合理性。因为虽然这两种变量从技术角度来看有本质的区别,但是实际上无论对那种变量也不可能执行正真的操作。

3.4.3 Null类型

Null类型是第二个只有一个值的数据类型,这个特殊的值是null。从逻辑上来看,null值表示一个空对象的指针,而这也正是使用typeof操作符jaince null值的时候会返回”object”的原因,如下面例子所示:

var car = null;
alert(typeof car);  // "object"

如果定义一个变量准备在用于保存对象,那么最好将给变量初始化为null而不是其他值。这样一来,只要直接检查null值就可以知道相应的变量是否已经保存了一个对象的引用,如下面例子所示:

if(car != null){
    //对car对象执行某些操作
}

实际上undefined值是派生自null的值,因此ECMA-262规定对它们的相等性测试要返回true:

alert(null == undefined);   //true

这里位于null和undefined之间相等的操作符(==)总是返回true,不过需要注意的是,这个操作符出于比较的目的转换其操作数。

尽管null和undefined有这样的关系,但是它们的用途完全不同,如前面所述,无论什么情况下都没有必要把一个变量的值显示的设置为undefined,可是同样的规则对null却不适用。话句话说,只要一在保存对象的变量还没有真正保存对象,这个应该明确的让变量保存null值。这样做不经可以体现null作为空对象指针的惯例,而且有助于进一步区分null和undefined。

3.4.4 Boolean类型

Boolean类型是ECMAScript中使用最多的一种类型,该类型只有两个字面值:true和false。这两个值和数字值不是一回事,因此,true不一定等于1,而false也不一定等于0。以下是变量赋Boolean类型值的例子:

var found = true;
var lost = false;

需要注意的是,Boolean类型的字面值true和false是区分大小写的。也就是说,True和False都不是Boolean值,只是标识符。

虽然Boolean类型字面量值只有两个,但是ECMAScript种所有类型的值都与这两个Boolean值等价的值。要将一个值转换为对应的Boolean值,可以用转型函数Boolean(),如下面所示:

var message = "Hello World";
var messageAsBoolean = Boolean(message);

这个例子中,字符串message被转换成一个布尔值。至于返回的这个值是true还是false,取决于要转换的数据类型及其实际值。下表给出各种数据类型以及其对应的转换规则。

数据类型转换为true的值转换为false的值
Booleantruefalse
String任何非空字符串“”
Number任何非0数值(包括无穷大)0和NaN
Object任何对象null
Undefinedn/aundefined

这些转换规则对理解流程语句(如if语句)自动执行相应的Boolean转换非常重要,请看下面的代码:

var message = "Hello World!";
if(message){
    alert("Value is true");
}

运行这个示例,就会显示一个警告框,因为字符串message会自动转换成了对应的Boolean值(true)。由于存在这种自动执行的Boolean转换,因此明确的知道在流程控制语句中使用的是什么变量至关重要。错误的使用一个对象而不是一个Boolean值,就有可能彻底改变应用程序的流程。

3.4.5 Number类型

Number类型应该是ECMAScript中最令人关注的数据类型了,这种数据类型使用IEEE754格式来表示整数和浮点数值(浮点数值在某些语言中被称为双进度数值)。为支持这种数据类型,ECMA-262定义了不同的数值字面量格式。

最基本的数值字面量是十进制整数,十进制整数可以像下面这样直接在代码中输入:

var intNum = 55;    // 整数

除了以十进制表示外,整数还可以通过八进制(以8为基数)或者十六进制(以16为基数)的字面值来表示。其中八进制字面值的第一位必须是0,然后八进制数字序列(0-7)。如果字面值中的数值超过了范围,那么前导零将会被忽略,后面的数值将会被当做十进制来解析。请看下面的例子:

var octakNum1 = 070;    //八进制56
var octalNum2 = 079;    //无效的八进制数值 --- 解析为79
var octalNum3 = 08; //无效八进制数值 --- 解析为8

八进制字面量在严格模式下是无效的,会导致JavaScript抛出错误。

十六进制的字面值的前两位必须是0x,后跟任何十六进制数字(0-9及A-F)。其中,字母A-F可以大写也可以小写。如下面的例子所示:

var hexNum1 = 0xA;  //十六进制的10
var hexNum2 = 0x1F; //十六进制的31

在进行算数运算的时候,所欲八进制数和十六进制数表示的数值最终都将被转换成十进制的数值。

鉴于JavaScript保存数值的方式,可以保存正零和负零。正零和负零被认为相等。但是为了读者更好的理解上下文,这里特做此说明。

1 浮点数值

所谓浮点数值,就是该数值中必须包含一个小数点,并且小数点后面只要有一位数字。虽然小数点前面可以没有整数,但是我们不推荐这种写法。以下是浮点数值的几个例子:

var floatNum1 = 1.1;
var floatNum2 = 0.1;
var floatNum3 = 10.0;

由于保存浮点数值需要的内存空间是保存整数值的两倍,因此ECMAScript会不失时机地将浮点数值转换为整数值。显然,如果小数点后面没有跟任何数字,那么这个数值可以作为整数来保存。当然如果浮点数值本身表示一个整数(如1.0),那么该值也会被转为整数,如下面的例子所示:

var floatNum1 = 1.; // 小数点后面没有数字 --- 解析为1
var floatNum2 = 10.0;   // 整数 --- 解析为10

对于那些极大或者极小的数值,可以用e表示方法(即科学计数法)表示浮点数值表示。用e表示法表示的数值乘以10的指数次幂。ECMAScript中e的表示法的格式也是如此,即前面是一个数值(可以是整数也可以是浮点数),中间是一个大写或者小写字母E,后面是10的幂的指数,该幂值将用来与前面的数相乘。下面是一个使用e表示法表示数值的例子。

var floatNum = 3.125e7; //等于31250000

在这个例子中,使用e表示的变量floatNum形式虽然简洁,但是它的实际值是31250000。在此,e表示法的实际含义是”3.125乘以10的7次方”。

也可以使用e表示法表示极小的数值,如0.00000000000000003,这个数值可以使用更加简洁的3e-17表示。在默认情况下,ECMAScript会将那些小数点后面6个零以上的浮点数值转换为以e表示法表示的数值(例如,0.0000007会被转会为3e-7)。

浮点数值的最高精度是17位小数,但是在进行算数运算的时候精度远远不如整数。例如,0.1加0.2的结果不是0.3,而是0.30000000000000004。这个小小的误差将会导致无法测试特定的浮点数值。例如:

if(a + b == 0.3){   // 不要做这样的测试
    alert("You got 0.3");
}

在这个例子中,我们测试的是两个数的和是不是等于0.3。如果这两个数是0.05和0.25,或者是0.15和0.15都不会有问题。正如前面所述,如果这两个数是0.1和0.2,那么测试将无法通过。因此永远不要测试某个特定的浮点数值。

2 数值范围

由于内存的限制,ECMAScript并不能保存世界上所有的数值。ECMAScript能够表示的最小数值保存在Number.MIN_VALUE中—在大多数浏览器中,这个值是5e-324;能够表示的最大值保存在 Number.MX_VALUE—在大多数浏览器中,这个值是1.7976931348623157e+308。如果某次计算的结果得到了超出JavaScript数值范围的值,那么这个数值将会被自动转换成特殊的Infinity值。具体来说,这个数值是负数,则会被转换成-Infinity(负无穷),如果这个数值是正数,则会被转换成Infinity(正无穷)。

如上述所述,如果某次计算返回正或负的Infinity值,那么该值将无法参与下一次的计算,因为Infinity不是能够参与计算的数值。要确定一个数值是不是有穷的。可以使用isFinite()函数。这个函数在参数位于最小和最大值之间时候会返回true,如下面所示:

var result = Number.MAX_VALUE + Number.MAX_VALUE;
alert(isFinite(result));    //false

尽管在计算中很少出现某些值超出表示范围的情况,但是在执行极小或者极大数值计算的时候,检测监控这些值是有可能的,也是必须的。

访问Number.GEGATIVE_INFINITY和Number.POSITIVE_INFINITY也可以得到正和负Infinity的值。可以想见,这两个属性分别保存着-Infinity和Infinity。

3. NaN

NaN,即非数值(Not a Number)是一个特殊的数值,这个数值用于表示一个本来要返回数值的操作数为返回数值的情况(这样就不会抛出错误了)。例如,在其它编程语言中,任何数值除以0都会导致错误,从而停止代码执行。但是在ECMAScript中,任何数值除以0都会返回NaN,因此不会影响其他代码的执行。

NaN有两个非同寻常的特点。首先,任何涉及到NaN的操作(例如NaN/0)都会返回NaN,这个特点在多部计算机中会导致问题。其次,NaN与任何值都不相等,包括NaN本身,例如,下面的代码会返回false:

alert(NaN == NaN);  // false

针对NaN的这两个特点,ECMAScript定义了isNaN函数。这个函数接受一个参数,该参数可以是任何类型,而函数会帮助我们确定这个函数是否”不是数值”。isNaN()在接受到一个值之后,会尝试将这个值转换为数值。某些不是数值的值会直接转换为数值,例如字符串”10”或Boolean值。而任何不能转换为数值的值都会导致这个函数返回true。请看下面的例子:

alert(isNaN(NaN));  // true
alert(isNaN(10));   // false(10是一个数值)
alert(isNaN("10")); // false(可以被转换成数值10)
alert(isNaN("blue"));   // true
alert(isNaN(true)); // false

尽管有点不可思议,但是isNaN确实也适用于对象。在基于对象调用isNaN()函数时,会首先调用对象valueOf方法,在测试返回值。

4 数值转换

有3个函数可以把非数值转换为数值:Number()、parseInt()和parseFloat()。第一个函数,即转型函数Number()可以用于任何数据类型,而另外两个函数则专门用于吧字符串转换成数值,这三个函数对于同样的输入会返回不同的结果。

Number()函数的转换规则如下:

  • 如果是Boolean值,true和false将分别被转换为1和0。
  • 如果是数字值,只是简单的传入和返回。
  • 如果是Null,返回0。
  • 如果是undefined,返回NaN。
  • 如果是字符串,遵循下列规则:
    如果字符串只包含数字(包括前面带正号或负号的情况),将其转换为十进制数值,即”1”会转换为1,”123”会转换为123,而”011”会变成11(注意:前导0被忽略)。
    如果字符串中包含有效的浮点格式,如”1.1”则将其转换为对应的浮点数值(同样会忽略前导0)。
    如果字符串中包含有效的十六进制格式,例如”0xf”,则将其转换为相同大小的十进制整数值;
    如果字符串时空的,则将其转换为0;
    如果字符串中包含除以上格式之外的字符,则将其转换为NaN;
  • 如果是对象,写入调用对象的valueOf()方法,然后依照前面的规则转换返回的值。如果转换的结果是NaN,则调用对象的toString()方法,然后再一次按照前面的规则转换返回的字符串。
var num1 = Number("Hello world!");  // NaN
var num2 = Number();    // 0
var num3 = Number("000011");    // 11
var num4 = Number(true);    // true

首先,字符串”Hello World!”会被转换为NaN,因为其中包括任何有意义的数字值。空字符串会被转换为0。字符串”000011”会被转换为11,因为忽略了其前导0。最后,true值被转换为1。

一元操作符的操作与Number()函数相同。

由于Number()函数在转换字符串的时候比较复杂而且不够合理,因此在处理整数的时候最常用的是parseInt()函数。parseInt()函数在转换字符串的时候,更多的是看其是否符合数值模式,他会忽略字符串前面的空格,直到找到第一个非空字符串。如果第一个字符不是数字字符或者负号,parseInt()就会返回NaN;也就是说,用parseInt()转换空字符串会返回NaN(Number()对空字符串返回0)。如果第一个字符是数字字符,parseInt()会继续解析第二个字符,直到解析完所有后续字符或者遇到了一个非数字字符。例如:”1234blue”会被转换为1234,因为”blue”会被完全忽略,类似地,”22.5”会被转换为22,因为小数点并不是有效的数字字符。

如果字符串的第一个字符是数字字符,parseInt()也能识别出各种整数格式。也就是说,如果字符以”0x”开头且后面跟数字字符,就会将其当做一个十六进制整数;如果字符串以”0”开头且后面跟数字字符,则会将其当做一个八进制数来解析。

为了更好的理解parseInt()函数的转换规则,下面给出例子:

var num1 = parseInt("1234blue");    // 1234
var num2 = parseInt("");    // NaN
var num3 = parseInt("0xA"); // 10(十六进制数)
var num4 = parseInt(22.5);  // 22
var num5 = parseInt("070"); // 56(八进制)
var num6 = parseInt("70");  // 70(十进制数)
var num7 = parseInt("oxf"); // 15(十六进制)

在使用parseInt()解析八进制字面量的字符串时,ECMAScript3和5存在分歧。例如:

// ECMAScript 3认为是56(八进制),ECMAScript 5认为是70(十进制)
var num = parseInt("070");

在ECMAScript 3 JavaScript引擎中,”070”倍当成八进制字面量,因此转换后的值是十进制的56。而在ECMAScript 5 JavaScript引擎中,parseInt()已经不具备解析八进制的能力,因此前导的0会被认为无效,从而将这个值当成”70”,结果就得到十进制的70。在ECMAScript5中,即使在非严格模式下也是如此。

为了消除parseInt()函数可能导致的上述困惑,可以为这个函数提供第二个参数:转换时使用的基数(即多少进制)。如果知道要解析的值是十六进制的字符串,那么指定基数16作为第二个参数,可以保证得到正确的结果,例如:

var num = parseInt("0xAF",16);

实际上,如果指定了16作为第二个参数,字符串可以不带前面的”0x”,如下所示:

var num1 = parseInt("AF",16);   // 175
var num2 = parseInt("AF");  // NaN

这个例子中第一个转换成功了,而第二个失败了。差别在于第一个转换传入了基数,明确告诉parseInt()函数要解析一个十六进制的字符串;而第二个转换返现一个字符而不是数字字符,因此就自动中止了。

var num1 = parseInt("10",2);    // 2(按二进制解析)
var num1 = parseInt("10",8);    // 8(按八进制解析)
var num1 = parseInt("10",10);   // 10(按十进制解析)
var num1 = parseInt("10",16);   // 16(按十六进制解析)

不指定基数意味着让parseInt()决定如何解析输入的字符串,因此避免了错误的解析,我们建议无论在什么情况下都明确指定基数。

与parseInt()函数类似,parseFloat()函数也是从第一个字符开始解析每个字符。而且一直是解析到字符串的末尾,或者解析到遇见一个无效的浮点数字字符为止。也就是说,字符串中的第一个小数点是有效的,而第二个小数点就是无效的,因此他后面的字符将被忽略。

var num1 = parseFloat("1234blue");  // 1234
var num2 = parseFloat("0XA");   // 0
var num3 = parseFloat("22.5");  // 22.5
var num4 = parseFloat("22.35.5");   // 22.34
var num5 = parseFloat("0908.5");    // 908.5
var num6 = parseFloat("3.12E7");    // 31250000
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值