参考文献
JavaScript中基本数据类型和包装类型
JavaScript的基本包装类型示例
ECMAScript 原始值和引用值
关于js基本类型与引用类型(堆内存、栈内存的理解)
理解JavaScript中的堆和栈
数据类型
ECMAScript 中共有6种数据类型。5种简单的数据类型(也称基本数据类型):Undefined、Null、Number、Boolean、String;1种复杂数据类型:Object
一、原始值和引用值
在 ECMAScript 中,变量可以存在两种类型的值,即原始值和引用值。
原始值
原始值指的是代表原始数据类型的值,也叫基本数据类型或简单类型,因为其占据空间固定,是简单的数据段,为了便于提升变量查询速度,将其存储在栈(stack)中的简单数据段,也就是说,他们的值是直接存储在变量访问的位置(按值访问)。包括:
- Undefined
- Null
- Number
- Boolean
- String
引用值
引用类型通常叫做类(class),也就是说,遇到引用值,所处理的就是对象。存储在堆(heap)中的对象,存储在变量处的值是一个指针,指向存储对象的内存处。引用类型由于其值的大小会改变,所以不能将其存放在栈中,否则会降低变量查询速度,因此其存储在堆(heap)中,存储在变量处的值是一个指针,指向存储对象的内存处(按址访问)。包括:
- Object
- Array
- Function
- Date
- RegExp
说来也是形象,栈,线性结构,后进先出,便于管理。堆,一个混沌,杂乱无章,方便存储和开辟内存空间
二、原始值和引用值区别
1、基本类型的值是不可变得;引用类型的值是可变的
2、基本类型的比较是值的比较;引用类型的比较是引用的比较
3、基本类型的变量是存放在栈区的(栈区指内存里的栈内存);引用类型的值是同时保存在栈内存和堆内存中的对象
三、基本包装类型
为了便于操作基本类型值,javaScript 提供了 3 个特殊的引用类型:
- Boolean
- Number
- String
这些类型与其他引用类型相似,但同时也具有与各自的基本类型相应的特殊行为。实际上,每当读取一个基本类型值的时候,后台就会创建一个对应的基本包装类型的对象,从而能够调用一些方法来操作这些数据。
例如:
var box = 'Mr. Lee'; //定义一个字符串
var box2 = box.substring(2); //截掉字符串前两位
alert(box2); //输出新字符串 结果box2=. Lee
alert('Mr. Lee'.substring(2)); //直接通过值来调用方法,结果是. Lee
变量 box 是一个字符串类型,而 box.substring(2)又说明它是一个对象(只有对象才会调用方法),最后把处理结果赋值给 box2。'Mr. Lee’是一个字符串类型的值,按道理它不应该是对象,不应该会有自己的方法,所以问题就迎刃而解了。
字面量声明和 new 运算符声明对象的区别
不管字面量形式还是 new 运算符形式,都可以使用它的内置方法。
Boolean 和 Number 特性与 String 相同,三种类型可以成为基本包装类型(无法给自己创建属性和方法(但可以使用原型给对象扩展方法),只可以使用自己的内置方法)。
在使用 new 运算符创建以上三种类型的对象时,可以给自己添加属性和方法,但我们建议不要这样使用,因为这样会导致根本分不清到底是基本类型值还是引用类型值。
/*字面量写法:*/
var box = 'Mr. Lee'; //字面量
box.name = 'Lee'; //无效属性
box.age = function () { //无效方法
return 100;
};
alert(box); //Mr. Lee
alert(box.substring(2)); //. Lee
alert(typeof box); //string
alert(box.name); //undefined
alert(box.age()); //错误
/*new 运算符写法:*/
var box = new String('Mr. Lee'); //new 运算符
box.name = 'Lee'; //有效属性
box.age = function () { //有效方法
return 100;
};
alert(box); //Mr. Lee
alert(box.substring(2)); //. Lee
alert(typeof box); //object
alert(box.name); //Lee
alert(box.age()); //100