欢迎光临
我们一直在努力

JavaScript | 基本数据类型和引用数据类型

文章目录

ECMAScript 中包含两种不同数据类型的值:基本类型值引用类型值基本类型值就是简单的 数据段,而 引用类型值 指那些可能由多个值构成的 对象

在将一个值赋给变量时,解析器必须确定这个值是 基本类型值 还是 引用类型值

1.所包含的数据类型不同

基本数据类型:UndefinedNullBooleanNumber、和 String
引用数据类型:Object。该类型的值是保存在内存中的 对象

2.访问值的方式不同

基本数据类型:按值访问的,因为可以操作保存在变量中的实际的值。

定义一个基本类型值的变量,就像是去住酒店,服务员给你开了一间房间,而那个房间的门牌号就相当于变量的地址,你就相当于基本类型值,通过门牌号就可以直接找到你。

引用数据类型:与其他语言不同,JavaScript 不允许直接访问内存中的位置,也就是说不能直接操作对象的内存空间。在操作对象时,实际上是在操作对象的引用,而不是实际的对象。为此,引用类型的值是按引用访问的。

定义一个引用类型值的变量,同样用住酒店举例,服务员给你开了间房间,房间的门牌号相当于定义的变量的地址,而这间房间不是用来给你住的,而是存放着通往你真正要住的房间的地址。按这间房间存放的地址,才能找到你。

3.动态的属性

基本数据类型:不能添加属性。

var a = 'person';
a.name = 'lily';
console.log(a.name);   //undefined

引用数据类型:可以为其添加属性和方法,也可以改变和删除其属性和方法。

var obj = {a:'aa',b:'bb'};
obj.c = 'cc';   //如果对象不被销毁或者这个属性不被删除,则这个属性将一直存在
console.log(obj.c);   //"cc"

obj.a = 'aaaa';
console.log(obj.a);   //"aaaa"

delete obj.a;
console.log(obj.a);   //undefined

4.复制变量值的方式不同

复制基本类型值:会在变量对象上创建一个新值,然后把该值复制到为新变量分配的位置上。

var n1 = 5;
var n2 = n1;   //5
n2 = 3;
console.log(n1);   //5

变量 n1 中保存的值是 5,此时,使用 n1 的值来初始化 n2,使得 n2 中也保存了 5。但是,n2 中的 5n1 中的 5 是完全独立的,该值只是 n1 中的 5 的一个副本。此后,这两个变量可以参与任何操作而不会互相影响。如下图所示:

复制引用类型值:同样也会将存储在变量对象中的值复制一份放到为新变量分配的空间中。不同的是,这个值的副本实际上是一个指针(就如上述所说,该副本即为房间里的地址,通过这个地址可以找到你),而这个指针存储在堆中的一个对象。复制操作结束后,两个变量实际上将引用同一个对象(即两个变量拿到的这个地址,都是找到你的地址,引用的都是同一个对象)。因此,改变其中一个变量,就会影响另一个变量,如:

var obj1 = new Object();
var obj2 = obj1;
obj1.name = 'Jack';
console.log(obj2.name);   //"Jack"

obj2.name = 'Rose';
console.log(obj1.name);   //"Rose"
赞(0) 打赏
未经允许不得转载:散人研 » JavaScript | 基本数据类型和引用数据类型
分享到: 更多 (0)

评论 1

8 + 4 =
  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
  1. #1
    散人研

    基本类型变量存储在栈内存中,访问变量直接操作值。
    引用类型变量实际存储在堆内存中,对应的变量名保存在栈内存中,变量值就是一个指向对象的指针;通过其对应的变量名操作时:1)如果是复制操作,就是复制指针值,类似于基本类型变量复制,但是对象没做变动,依旧存储在同一个堆内存。2)如果是直接操作属性,应该就是针对对象直接操作。

    散人研 8个月前 (03-24) 来自天朝的朋友 回复

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏