时间戳

首页 > 技术文章 > JavaScript中的基本数据类型和引用数据类型

JavaScript中的基本数据类型和引用数据类型

itdansan 2018-03-14 00:39 原文

ECMAScript变量包括了两种不同的数据类型

在学习JavaScript的数据类型时，我们通常会把数据类型分成六中（官方认为）Object、String、Boolean、Number、Undefined、Null。其中五种是基本数据类型，一种是复杂数据类型（对象）。那么，基本数据类型和复杂（引用）数据类型有啥区别呢？

  1. 基本数据类型，指简单的数据段
  2. 引用数据类型，由多个值构成的对象

一、基本数据类型

赋值的时候只是值的复制

var a = 5;
var b = a;
b += 3;
alert(b); //8
alert(a); //5

可以看到，赋值给b后，a和b是独立的，b执行了运算后和a没有关系，至少我们清楚，他们是相对独立的

var a = 5;
var b = 5;
alert(a == b); //基本类型 : 值相同就可以true

二、引用数据类型

赋值不仅是值的复制，而且也是引用的传递

var b = a;
b.push(4);
alert(b); //[1,2,3,4]
alert(a); //[1,2,3,4]

 

var a = [1,2,3];
var b = [1,2,3];
alert( a == b ); //false 因为a和b是两个不同的对象

var a = [1,2,3];
var b = a;
alert( a==b ); //true a赋给b，指的是把a的地址给到b，而不是真正的复制

 

详细（官方）总结：

  • 声明变量时不同的内存分配
    • 原始值：存储在栈（stack）中的简单数据段，也就是说，它们的值直接存储在变量访问的位置，这是因为这些原始类型占据的空间是固定的，所以可将他们存储在较小的内存区域 – 栈中。这样存储便于迅速查寻变量的值。
    • 引用值：存储在堆（heap）中的对象，也就是说，存储在变量处的值是一个指针（point），指向存储对象的内存地址。 这是因为：引用值的大小会改变，所以不能把它放在栈中，否则会降低变量查寻的速度。相反，放在变量的栈空间中的值是该对象存储在堆中的地址。地址的大小是固定的，所以把它存储在栈中对变量性能无任何负面影响。
  • 不同的内存分配机制也带来了不同的访问机制
    • 在JavaScript中是不允许直接访问保存在堆内存中的对象的，所以在访问一个对象时，首先得到的是这个对象在堆内存中的地址，然后再按照这个地址去获得这个对象中的值，这就是传说中的按引用访问。
    • 而原始类型的值则是可以直接访问到的。
  • 复制变量时的不同
    • 原始值：在将一个保存着原始值的变量复制给另一个变量时，会将原始值的副本赋值给新变量，此后这两个变量是完全独立的，他们只是拥有相同的value而已。
    • 引用值：在将一个保存着对象内存地址的变量复制给另一个变量时，会把这个内存地址赋值给新变量，也就是说这两个变量都指向了堆内存中的同一个对象，他们中任何一个作出的改变都会反映在另一个身上。（这里要理解的一点就是，复制对象时并不会在堆内存中新生成一个一模一样的对象，只是多了一个保存指向这个对象指针的变量罢了）。多了一个指针
  • 参数传递的不同（把实参复制给形参的过程）
    • 首先我们应该明确一点：ECMAScript中所有函数的参数都是按值来传递的。但是为什么涉及到原始类型与引用类型的值时仍然有区别呢？还不就是因为内存分配时的差别。
    • 原始值：只是把变量里的值传递给参数，之后参数和这个变量互不影响。
    • 引用值：对象变量它里面的值是这个对象在堆内存中的内存地址，这一点你要时刻铭记在心！因此它传递的值也就是这个内存地址，这也就是为什么函数内部对这个参数的修改会体现在外部的原因了，因为它们都指向同一个对象。

我的补充

    1. 普通数据类型的复制和引用，都是值的复制
    2. 对象类型和“函数”类型复制和引用，都是创建指针指向同一个地址（传址）

推荐阅读