js中基本数据类型与引用数据类型使用的区别

一、
1.基本数据类型有:
string、number、boolean、undedined、symbo(ES6)
2.引用数据类型有:(也可以说是对象,对象是属性和方法得集合
Object、Function、Array、RegExp、Date、以及单体内置对象(Global、Math)
二、两者使用区别
1.实际操作得对象
基本类型:按值访问,操作的是保存在变量中的实际的值,即基本类型的变量是存放在栈区的(栈区指内存里的栈内存)
假如有以下几个基本类型的变量:

var name = 'jozo';
var city = 'guangzhou';
var age = 22;

在这里插入图片描述

引用类型:值是同时保存在栈内存和堆内存中的对象,准确地说,引用类型的存储需要内存的栈区和堆区(堆区是指内存里的堆内存)共同完成,栈区内存保存变量标识符和指向堆内存中该对象的指针,也可以说是该对象在堆内存得地中
简单例子:
var p1 = {};
var p2 = {};
console.log(p1 == p2); // false
说明:上面比较的是两个对象,这两个对象的堆内存地址是不一样的,
假设p1—0x110,p2—0x111
因此比较时也是以堆内存做比较,因此会返回false

2.值得可变性
基本类型:值不可变
在从一个变量向另一个变量赋值基本类型时,会在该变量上创建一个新值,然后再把该值复制到为新变量分配的位置上:

var a = 10;
var b = a;
 
a ++ ;
console.log(a); // 11
console.log(b); // 10

此时,a中保存的值为 10 ,当使用 a 来初始化 b 时,b 中保存的值也为10,但b中的10与a中的是完全独立的,该值只是a中的值的一个副本,此后,
这两个变量可以参加任何操作而相互不受影响。
(这里要和引用类型区别开来)

引用类型:值可变

var a = {}; // a保存了一个空对象的实例
var b = a;  // 相当于把a的堆内存地址复制给了b,因此a和b都指向了这个空对象
 
a.name = 'jozo';//这时对象创建了值为‘jozo’的name属性
console.log(a.name); // 'jozo'
console.log(b.name); // 'jozo'
 //上面都输出‘jozo’因为a和b都是指向同一个堆地址,即指向同一个对象,
 //因此不管是使用a.name='jozo',还是b.name='jozo',此时该空对象都会发生改变
b.age = 22;
console.log(b.age);// 22
console.log(a.age);// 22
 //同理以上
console.log(a == b);// true

在这里插入图片描述

  • 2
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值