基本类型和引用类型

最新推荐文章于 2023-07-31 12:50:58 发布

明月曌长空

最新推荐文章于 2023-07-31 12:50:58 发布

阅读量146

点赞数 2

文章标签： js

本文链接：https://blog.csdn.net/m0_54386801/article/details/119385233

版权

注意：以下的图像解析是个人理解，后来觉得可能有问题，可以拿来参考思想，但是别直接用。
js变量可能包含两种不同数据类型的值：基本类型值和引用类型值。

基本类型值指的是简单的数据段，而引用类型值指的是那些可能由多个值构成的对象。

注意：在将一个值赋给变量时，解析器必须确定这个值是基本类型值还是引用类型值，然后根据类型来决定是开辟一个堆内存还是栈内存。

基本类型：

基本类型的值是保存在栈中的，实际上每一次变量赋值都是在往栈中放入数据和变量。在我的理解中，实际上变量存的其实是一个变量名和一个地址，这个地址指向变量保存的数据在栈中的位置。

请添加图片描述

var a = 1;
var b = a;
a++;//这个就是变量a所指向的地址的值+1
console.log(a);//2
console.log(b);//1
var c = 2;//这个数据2最后是会被垃圾回收机制给回收掉的
c=3

基本数据类型有:undefined,Null,Boolean,Number和String

与引用类型的区别是基本类型的变量所指向的地址存的是具体的值，而引用类型变量所指向的地址存的还是一个地址，这个地址指向堆内存中的某一个引用数据类型。

引用类型：

请添加图片描述

这两种类型作为参数的区别

其实就跟它们各自的操作过程一样

基本类型为参数：

function addTen(num){
    num +=10;
    return num;
}
var count = 20;
var result = addTen(count);
alert(count);//20,没有变化
alert(result);//30

也就是说，参数num是一个局部变量，每次调用该方法，都会创建一个新的局部变量num，这个num保存了count的值（新创建出来的和count的值一样的数据），但是和count不一样，（具体看上面的基本类型操作过程）num是独立的，只是和count的值一样而已。所以num的变化不会引起count的变化。

引用类型为参数：

function setName(obj){
    obj.name = "Nicholas";
}
var person = new Object();
setName(person);
alert(person.name);//"Nicholas"

也就是说，obj是一个局部变量，与person相互独立，但是obj的值是通过person的值创建出来的（具体看引用类型的图示），所以值是相同的，又因为这个值是一个地址，所以它们指向的是同一个引用数据类型，所以通过obj去添加name属性和值，也会导致person也会添加一个name属性和值。

但是：

function setName(obj){
    obj.name = "Nicholas";
    obj = new Object();
    obj.name = "Greg";
}
var person = new Object();
setName(person);
alert(person.name);//"Nicholas"