JavaScript中的值类型详细介绍
作者:bea
计算机程序的实质很大程度上可以说是机器对各种信息(值)的操作与读写。在JavaScript中,存在多种类型的值,这些值分成两大类:Primitive(基本类型)和Object(对象)。 Primitive JavaScript中Primitive有5种类型: 1.Number。所有的数字,无论是整数还是小数,均为Number类型。 2.String。字符串类型。 3.Boolean。布尔类型,true或者false。 4.null。此类型只有null一个值。 5.unde
计算机程序的实质很大程度上可以说是机器对各种信息(值)的操作与读写。在JavaScript中,存在多种类型的值,这些值分成两大类:Primitive(基本类型)和Object(对象)。
Primitive
JavaScript中Primitive有5种类型:
1.Number。所有的数字,无论是整数还是小数,均为Number类型。 2.String。字符串类型。 3.Boolean。布尔类型,true或者false。 4.null。此类型只有null一个值。 5.undefined。此类型只有undefined一个值。
Object
除了Primitive,JavaScript中其它任何值均为Object(对象)。Object有以下几种:
1.JSON键值对对象。如{“name”:”Bob”, “age”:42}。 2.数组(array)。如[1,4,5,7,9]。 3.函数(function)。如function(){return true;}。在JavaScript中函数有两种存在形式:1. 可执行代码块;2. 类(Class)的构造器(constructor)。无论是以哪种形式存在,函数(function)始终都是对象。
JS自带全局对象
为了方便程序编写,JavaScript自带一个全局对象,该全局对象拥有以下7个成员变量,其类型均为Object:
1.Math。可以通过调用Math对象的方法来完成一系列复杂的数学运算。 2.Number。可以通过访问Number对象的成员变量来获取一些特殊值。 3.Array。数组对象的构造函数。 4.Function。函数对象的构造函数。 5.Date。日期对象的构造函数。 6.RegExp。正则表达式对象的构造函数。 7.Error。错误对象的构造函数。
在进行程序编写时,由于可以直接访问上述7个变量,因此也可以将它们当作全局对象来使用。
Immutable与Mutable
Primitive与Object有一个泾渭分明的特性:所有的Primitive都是Immutable的,所有的Object都是Mutable的。以String类型为例,调用String的方法对其进行编辑后,JavaScript会将编辑后的结果保存在一个新的String对象中,原String对象不会有任何改变:
代码如下:
var s = "test";
s.toUpperCase();//return a new String object "TEST"
console.log(s);//"test" -- original String s does not change
实验
在JavaScript中,可以通过使用typeof关键词来获取某个值的类型。
获取数字的类型:
代码如下:
var n = 42;
console.log(typeof n);
程序输出结果为number。
获取字符串的类型:
代码如下:
var s = "test";
console.log(typeof s);
程序输出结果为string。
获取布尔值的类型:
代码如下:
var b = true;
console.log(typeof b);
程序输出结果为boolean。
获取null的类型:
代码如下:
var x = null;
console.log(typeof x);
程序本应输出null,但实际上却输出object。原因在于,当对null值使用typeof操作时,程序将返回object:这是自JavaScript第一个版本以来就存在的一个bug。在ECMAScript标准的制定过程中,就是否修复这个bug存在过一些有趣的争论:
http://wiki.ecmascript.org/doku.php?id=harmony:typeof_null;最终结论为:修复该bug会给太多的网站带来问题,因此暂不修复。
获取undefined的类型:
代码如下:
var y = undefined;
console.log(typeof y);
程序输出结果为undefined。
获取JSON对象的类型:
代码如下:
var j = {"name":"Bob", "age":42};
console.log(typeof j);
程序输出结果为object。
获取数组对象的类型:
代码如下:
var a = [2,3,5,7,11];
console.log(typeof a);
程序输出结果为object。
获取函数对象的类型:
代码如下:
var f = function(){return true;};
console.log(typeof f);
函数对象比较特殊,typeof操作符返回结果为function。
有用 | 无用
Primitive
JavaScript中Primitive有5种类型:
1.Number。所有的数字,无论是整数还是小数,均为Number类型。 2.String。字符串类型。 3.Boolean。布尔类型,true或者false。 4.null。此类型只有null一个值。 5.undefined。此类型只有undefined一个值。
Object
除了Primitive,JavaScript中其它任何值均为Object(对象)。Object有以下几种:
1.JSON键值对对象。如{“name”:”Bob”, “age”:42}。 2.数组(array)。如[1,4,5,7,9]。 3.函数(function)。如function(){return true;}。在JavaScript中函数有两种存在形式:1. 可执行代码块;2. 类(Class)的构造器(constructor)。无论是以哪种形式存在,函数(function)始终都是对象。
JS自带全局对象
为了方便程序编写,JavaScript自带一个全局对象,该全局对象拥有以下7个成员变量,其类型均为Object:
1.Math。可以通过调用Math对象的方法来完成一系列复杂的数学运算。 2.Number。可以通过访问Number对象的成员变量来获取一些特殊值。 3.Array。数组对象的构造函数。 4.Function。函数对象的构造函数。 5.Date。日期对象的构造函数。 6.RegExp。正则表达式对象的构造函数。 7.Error。错误对象的构造函数。
在进行程序编写时,由于可以直接访问上述7个变量,因此也可以将它们当作全局对象来使用。
Immutable与Mutable
Primitive与Object有一个泾渭分明的特性:所有的Primitive都是Immutable的,所有的Object都是Mutable的。以String类型为例,调用String的方法对其进行编辑后,JavaScript会将编辑后的结果保存在一个新的String对象中,原String对象不会有任何改变:
代码如下:
var s = "test";
s.toUpperCase();//return a new String object "TEST"
console.log(s);//"test" -- original String s does not change
实验
在JavaScript中,可以通过使用typeof关键词来获取某个值的类型。
获取数字的类型:
代码如下:
var n = 42;
console.log(typeof n);
程序输出结果为number。
获取字符串的类型:
代码如下:
var s = "test";
console.log(typeof s);
程序输出结果为string。
获取布尔值的类型:
代码如下:
var b = true;
console.log(typeof b);
程序输出结果为boolean。
获取null的类型:
代码如下:
var x = null;
console.log(typeof x);
程序本应输出null,但实际上却输出object。原因在于,当对null值使用typeof操作时,程序将返回object:这是自JavaScript第一个版本以来就存在的一个bug。在ECMAScript标准的制定过程中,就是否修复这个bug存在过一些有趣的争论:
http://wiki.ecmascript.org/doku.php?id=harmony:typeof_null;最终结论为:修复该bug会给太多的网站带来问题,因此暂不修复。
获取undefined的类型:
代码如下:
var y = undefined;
console.log(typeof y);
程序输出结果为undefined。
获取JSON对象的类型:
代码如下:
var j = {"name":"Bob", "age":42};
console.log(typeof j);
程序输出结果为object。
获取数组对象的类型:
代码如下:
var a = [2,3,5,7,11];
console.log(typeof a);
程序输出结果为object。
获取函数对象的类型:
代码如下:
var f = function(){return true;};
console.log(typeof f);
函数对象比较特殊,typeof操作符返回结果为function。
有用 | 无用
猜你喜欢
您可能感兴趣的文章:
- JavaScript中的方法调用详细介绍
- JavaScript中的闭包(Closure)详细介绍
- JavaScript中的类(Class)详细介绍
- JavaScript实现防止网页被嵌入Frame框架的代码分享
- jQuery实现ichat在线客服插件
- jQuery中用dom操作替代正则表达式
- jQuery中:animated选择器用法实例
- 纯JavaScript实现获取onclick、onchange等事件的值
- JavaScript实现列出数组中最长的连续数
- jQuery中document与window以及load与ready 区别详解
- jQuery中:header选择器用法实例
- JavaScript实现查找字符串中第一个不重复的字符
- 基于jQuery的JavaScript模版引擎JsRender使用指南
- JavaScript中的数学运算介绍
- jQuery中:lt选择器用法实例
- JavaScript中的数值范围介绍
- JavaScript常用小技巧小结
- jQuery中:gt选择器用法实例
- 在浏览器中实现图片粘贴的jQuery插件-- pasteimg使用指南