JS中的原始数据类型（基础数据类型）和引用数据类型

爱被打了一巴掌 2022-12-24 00:52 188阅读 0赞

### 文章目录 ###

*   *  一、js的数据类型划分方式为 原始数据类型（基础数据类型）和 引用数据类型
     *  二、两种类型的区别
     *   *  1.存储位置不同
         *  2.传值方式不同
         *  3.两种数据类型在实参和形参中的区别

## 一、js的数据类型划分方式为 原始数据类型（基础数据类型）和 引用数据类型 ##

原始数据类型：Undefined，Null，Boolean，Number、String。

引用数据类型：对象、数组、函数。

## 二、两种类型的区别 ##

### 1.存储位置不同 ###

`原始数据类型`：直接存储在栈（stack）中的简单数据段，占据空间小，大小固定，属于被频繁使用的数据，所以存储在栈中；

`引用数据类型`：存储在堆（heap）中的对象，占据空间大，大小不固定，如果存储在栈中，将会影响程序运行的性能。引用数据类型在栈中存储了指针，该指针指向堆中该实体的起始地址，当解释器寻找引用值时，会首先检索其在栈中的地址，取得地址后，从堆中获得实体。

[什么是堆内存？什么是栈内存？][Link 1]

[ECMAScript 原始值和引用值][ECMAScript]

### 2.传值方式不同 ###

*  **基本数据类型：按值传递**

不可变(immutable)性质

基本类型是不可变的(immutable)，只有对象是可变的(mutable). 有时我们会尝试“改变”字符串的内容，但在JS中，任何看似对string值的"修改"操作，实际都是创建新的string值。任何方法都无法改变一个基本类型的值：

var str = "abc";
        str[0]; // "a"
        str[0] = "d";
    console.log(str); //abc
    var name = 'jozo';
    var upName = name.toUpperCase(); 
    console.log(upName,name); // 输出 'JOZO' 'jozo'

方法操作无法改变一个基本类型的值：

var person = 'kn';
    person.age = 24;
    person.method = function(){ };
    console.log(person.age); // undefined
    console.log(person.method); // undefined

*  **引用类型：按引用传递**

引用类型的值是可变的：

引用类型的值是同时保存在栈内存和堆内存中的对象。javascript和其他语言不同，其不允许直接访问内存中的位置，也就是说不能直接操作对象的内存空间，那我们操作啥呢？ 实际上，是操作对象的引用，引用类型的值是按引用访问的。

### 3.两种数据类型在实参和形参中的区别 ###

首先要明白什么实参什么是形参。

`实参`：可以是常量、变量、表达式、函数等，无论实参是何种类型的量，在进行函数调用时，它们都必须具有确定的值， 以便把这些值传送给形参。 因此应预先用赋值，输入等办法使实参获得确定值。

`形参`：全称为“形式参数”，是在定义函数名和函数体的时候使用的参数，目的是用来接收调用该函数时传递的参数。形参的作用是实现主调函数与被调函数之间的联系，通常将函数所处理的数据，影响函数功能的因素或者函数处理的结果作为形参。

function addNum(param) //相对于addNum方法来说 param是形参
    {  
        param+=10; 
    　  return param; 
    } 
    var num = 10;  
    var result = addNum(num); //相对于addNum方法来说 num是实参
    console.log(num); //10 
    console.log(result); //20

上面的例子中，当将 num作为实参传入方法 addNum是 param作为形参接受并在方法体内使用，且num在全局中没用改变，但当实参为引用类型时：

function fun(param)  //相对于fun方法来说 param是形参
     {  
        param[0]=99; 
    　  return param; 
    } 
     var num = [10];  
     var result = fun(num); //相对于fun方法来说 num是实参
     console.log(num[0]); //99 
     console.log(result); //[99]

在方法体内改变形参，将同时改变实参。

[Link 1]: https://blog.csdn.net/HuangsTing/article/details/110138158
[ECMAScript]: https://www.w3school.com.cn/js/pro_js_value.asp