前端学习(26)~js学习(四):基本数据类型vs引用数据类型

2021-04-13 01:25

阅读:661

标签:str   log   数值   通过   name   空间   var   def   之间   

在上一篇文章中,我们介绍过,变量有以下数据类型:

  • 基本数据类型(值类型):String 字符串、Number 数值、Boolean 布尔值、Null 空值、Undefined 未定义。

  • 引用数据类型(引用类型):Object 对象。

本文,我们针对这两种类型,做进一步介绍。我们先来看个例子。

基本数据类型举例:

    var a = 23;
    var b = a;

    a++;

    console.log(a); // 打印结果:24
    console.log(b); // 打印结果:23

上面的代码中:a 和 b 都是基本数据类型,让 b 等于 a,然后改变 a 的值之后,发现 b 的值并没有被改变。

 但是在引用数据类型中,就不同了,我们来看一看。

引用数据类型举例:

    var obj1 = new Object();
    obj1.name = ‘smyh‘;

    // 让 obj2 等于 obj1
    var obj2 = obj1;

    // 修改 obj1 的 name 属性
    obj1.name = ‘vae‘;

    console.log(obj1.name); // 打印结果:vae
    console.log(obj2.name); // 打印结果:vae

上面的代码中:obj1 和 obj2 都是引用数据类型,让 obj2 等于 obj1,然后修改 obj1.name 的值之后,发现 obj2.name 的值也发生了改变。

从上面的例子中,可以反映出,基本数据类型引用数据类型是有区别的。

那到底有什么区别呢?我们进一步往下看。

栈内存和堆内存

我们首先记住一句话:JS中,所有的变量都是保存在栈内存中的。

然后来看看下面的区别。

基本数据类型:

基本数据类型的值,直接保存在栈内存中值与值之间是独立存在,修改一个变量不会影响其他的变量。

引用数据类型:

对象是保存到堆内存中的每创建一个新的对象,就会在堆内存中开辟出一个新的空间,而变量保存了对象的内存地址对象的引用如果两个变量保存了同一个对象的引用,当一个通过一个变量修改属性时,另一个也会受到影响。

 

前端学习(26)~js学习(四):基本数据类型vs引用数据类型

标签:str   log   数值   通过   name   空间   var   def   之间   

原文地址:https://www.cnblogs.com/Vincent-yuan/p/12393050.html


评论


亲,登录后才可以留言!