首页 > web前端 > js教程 > 正文

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

不言
发布: 2018-09-14 15:55:26
原创
2541 人浏览过

本篇文章给大家带来的内容是关于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中基本数据类型和引用类型的区别分析的详细内容。更多信息请关注PHP中文网其他相关文章!

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板