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

一、基本数据类型

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

从截图中可以看出，修改了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>

 

posted @ 2018-10-20 15:47  .NET开发菜鸟  阅读(1240)  评论(0)  编辑  收藏  举报