Rumah  >  Artikel  >  hujung hadapan web  >  javascript中基本数据类型和引用类型的区别分析

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

不言
不言asal
2018-09-14 15:55:262523semak imbas

本篇文章给大家带来的内容是关于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基本类型与引用类型_基础知识

Atas ialah kandungan terperinci javascript中基本数据类型和引用类型的区别分析. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn