基本数据类型和引用类型的区别

一、基本数据类型

当把基本数据类型的变量赋值给另外一个变量时,修改其中一个变量的值,不会影响另外一个变量的值,看下面的例子:

从截图中可以看出,修改了a的值,b的值不会变化。

基本数据类型可以理解为双胞胎,一个改变,另外一个不一定改变。

二、引用类型

当把引用类型的变量赋值给另外一个引用类型变量时,修改其中一个变量的值,另外一个变量的值也会随之改变,看下面的例子:

object类型的变量:

因为两个变量都是指向内存中的同一块地址,所以其中一个修改另外一个也好随之改变,可以理解成人和人的影子。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>基本数据类型和引用类型的区别</title>
    <script>
       window.onload=function(){
           // 基本数据类型
           var a=10;
           var b=a; //b=10
           a=20;
           console.log(b);

           // 引用类型
           var arr1=[1,2,3,4,5];
           var arr2=arr1; //arr2=[1,2,3,4,5]
           arr2[1]=23;
           console.log(arr1);

           var obj1={name:"tom"};
           var obj2=obj1;
           obj2.name="jack";
           console.log(obj1.name);

       };
    </script>
</head>
<body>
    
</body>
</html>
原文地址:https://www.cnblogs.com/dotnet261010/p/9821995.html