JS中基本数据类型和引用类型最根本的区别

Lavender 发布于2019-08-23 11:58 / 2060人阅读

摘要：前言中的类型只有种，其中基本数据类型有种分别为，引用类型有一种，就是，是一个大的综合体，在中除了那个基本数据类型以外，其他的一切皆对象。

前言

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

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

解释例子

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

基本数据类型

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

引用类型（对象）

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

云服务器 GPU云服务器 js中基本数据类型 js引用的数据类型 js的基本数据类型 js中的基本数据类型有哪些

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/97761.html

深拷贝 vs 浅拷贝

摘要：那么如何切断和之间的关系呢，可以拷贝一份的数据，根据拷贝的层级不同可以分为浅拷贝和深拷贝，浅拷贝就是只进行一层拷贝，深拷贝就是无限层级拷贝。深拷贝 vs 浅拷贝深拷贝和浅拷贝都是针对的引用类型，JS中的变量类型分为值类型（基本类型）和引用类型；对值类型进行复制操作会对值进行一份拷贝，而对引用类型赋值，则会进行地址的拷贝，最终两个变量指向同一份数据。 // 基本类型 var a = ...

sugarmo 2019-08-23 14:07 评论0 收藏0
JavaScript的深浅拷贝

摘要：实际上，是禁止这样做的。传值和传址基本数据类型赋值基本数据类型的赋值是在内存中新开辟一段栈内存，然后再把再将值赋值到新的栈中。结果见输出，可以看出来，无论是修改赋值得到的对象和浅拷贝得到的都会改变原始数据。存储问题：深拷贝和浅拷贝的主要区别：在内存中的存储类型（堆和栈）不同堆：动态分配的内存，大小不定也不会自动释放栈：自动分配的内存，由系统自动释放数据类型：基本数据类型： jav...

zhjx922 2019-08-26 11:32 评论0 收藏0
详解js深浅复制

摘要：从而也引出了所谓的深浅复制问题。附注对于浅复制，其实还有其他的实现方式，比如数组中和方法，对于这些还是希望大家自己了解，本本主要针对深浅复制的实现原理进行解析。前言在之前写继承的过程谈到了深浅复制的问题，因为有读者反映到需要解析，趁今天周末写一篇解析，今天的主体相对之前来说理解难度低一些，篇幅可能也比较短，诸君按需阅读即可。从两种数据类型说起在js中，变量的类型可以大致分成两种...

Lin_YT 2019-08-20 15:22 评论0 收藏0
React 的性能优化（一）当 PureComponent 遇上 ImmutableJS

摘要：四是在年出的持久性数据结构的库，持久性指的是数据一旦创建，就不能再被更改，任何修改或添加删除操作都会返回一个新的对象。避免大量使用操作，这样会浪费性能。尽量将设计成扁平状的。一、痛点在我们的印象中，React 好像就意味着组件化、高性能，我们永远只需要关心数据整体，两次数据之间的 UI 如何变化，则完全交给 React Virtual Dom 的 Diff 算法去做。以至于我们很...

plus2047 2019-08-21 16:50 评论0 收藏0