当前位置:Gxlcms > JavaScript > javascript中基本数据类型和引用类型的区别分析

javascript中基本数据类型和引用类型的区别分析

时间:2021-07-01 10:21:17 帮助过:1人阅读

本篇文章给大家带来的内容是关于javascript中基本数据类型和引用类型的区别分析 ,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。

前言

JS中的类型只有6种,其中基本数据类型有5种分别为string,number,boolen,null,undefined,引用类型有一种,就是object,object是一个大的综合体,在JS中除了那5个基本数据类型以外,其他的一切皆对象。

正文

两个对比的例子

基本数据类型
var a = 100;
var b = a;
a++

console.log(a)//101
console.log(b)//100
引用类型(对象)
var obj1 = new object();
var obj2 = new object();
    obj1.age = 18;
    obj2 = obj1;
    obj1.age++

console.log(obj1.age)//19
console.log(obj2.age)//19

  可以看到上面两个例子都是改变了值,基本数据类型是被赋值的不会变,而引用的是被赋值的也会随之发生改变,那么这是为什么呢?其实很简单,一句话就可以概括:因为基本数据类型保存的是值,而引用类型保存的是地址。

解释例子

  创建一个新的变量时,会将它存放在栈中,如果是对象的话,就会在另外的更大的堆中划分一片区域,那么在栈中该对象存放的就是在堆中的地址。

基本数据类型

1775692027-5b9a455e34b06_articlex.png

如上图,基本数据类型是直接在栈中存放值的,当a发生变化的时候,b不会发生变化,因为b只是等于a的值,和a没有什么关系。

引用类型(对象)

2079251191-5b9a473262847_articlex.png

  在obj1和obj2中存放的都是地址,obj2不是等于obj1的值,而是等于obj1在堆中存放的地址,所以当地址中的内容发生变化时,obj2的内容也会发生变化。只要创建一个新的对象,在堆中就会开辟一个新的区域去存放对象的属性和方法等内容。

相关推荐:

跟我学习javascript的基本类型和引用类型_javascript技巧

浅析JavaScript基本类型与引用类型_基础知识

以上就是javascript中基本数据类型和引用类型的区别分析的详细内容,更多请关注Gxl网其它相关文章!

人气教程排行