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

￡神魔★判官ぃ 2023-07-08 05:55 1阅读 0赞

（1）值类型（基本类型）：字符串（string）、数值（number）、布尔值（boolean）、undefined、null （这5种基本数据类型是按值访问的，因为可以操作保存在变量中的实际的值）(ECMAScript 2016新增了一种基本数据类型：symbol ）  
（2）引用类型：对象（Object）、数组（Array）、函数（Function）、Date、 RegExp。  
–访问变量时，有按值和按引用访问：  
按值访问：（1）

var a = 100;
    var b = a;
    b = 200;
    console.log(a);//100

按值访问：（2）  
![按值访问][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zMTQ0MjAyOQ_size_16_color_FFFFFF_t_70]  
按引用访问：（1）

var a1 = {age:20};
    var b1 = a1;
    b1.age = 21;
    console.log(a1.age);//21

（2）  
当从一个变量向另一个变量复制引用类型的值时，同样也会将存储在变量对象中的值复制一份放到  
为新变量分配的空间中。不同的是，这个值的副本实际上是一个指针，而这个指针指向存储在堆中的一  
个对象。复制操作结束后，两个变量实际上将引用同一个对象。因此，改变其中一个变量，就会影响另  
一个变量，如下面的例子所示：  
var obj1 = new Object();  
var obj2 = obj1;  
obj1.name = “Nicholas”;  
alert(obj2.name); //“Nicholas”  
首先，变量 obj1 保存了一个对象的新实例。然后，这个值被复制到了 obj2 中；换句话说， obj1  
和 obj2 都指向同一个对象。这样，当为 obj1 添加 name 属性后，可以通过 obj2 来访问这个属性，  
因为这两个变量引用的都是同一个对象。图 4-2 展示了保存在变量对象中的变量和保存在堆中的对象之  
间的这种关系：  
![引用访问][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zMTQ0MjAyOQ_size_16_color_FFFFFF_t_70 1]  
—传递参数：ECMAScript中所有的函数的参数都是按值传递的：  
1.向参数传递基本类型的值：

function addTen(num){
        num +=10;
        return num;
    }
    var count = 20;
    var result = addTen(count);
    alert(count);//20
    alert(result);//30

//传递的参数实际上是函数的局部变量，addTen中20复制给num，num+10并不会影响函数外部的count变量。

2.向参数传递对象：

function setName(obj){
        obj.name = 'ys';
        obj = new Object();
        obj.name = 'xyf';
    }
    var person = new Object();
    setName(person);
    alert(person.name);//'ys'

//如果person按引用传递，那么person就会自动修改为指向其name属性值为xyf的新对象。setName(obj)将person引用拷贝一份与person指向同一个对象 ，但是在函数内部重写obj时，obj引用的就是一个局部对象，随着方法执行结束后销毁，原始的引用保持未变。

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zMTQ0MjAyOQ_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20200225114725817.PNG?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zMTQ0MjAyOQ==,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zMTQ0MjAyOQ_size_16_color_FFFFFF_t_70 1]: https://img-blog.csdnimg.cn/20200225115022778.PNG?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zMTQ0MjAyOQ==,size_16,color_FFFFFF,t_70