Javascript 值和引用之间的区别

1.理解基本类型和对象

JavaScript提供了2种数据类型：基本类型和对象。

基本类型有 number, boolean, string, symbol,null,undefined。

// 基本类型

const number = 10;

const bool = false;

const str = ‘Hello!’;

const missingObject = null;

const nothing = undefined;

第二类是对象，普通对象、数组、函数等等都是对象。

// Objects

const plainObject = {

prop: ‘Value’

};

const array = [1, 5, 6];

const functionObject = (n1, n2) => {

return n1 + n2;

};

换句话说，任何不是基本类型的值都是对象。

2.值

按值传递的简单规则是 JS 中的所有基本类型都按值传递，就这么简单。

按值传递意味着每次将值赋给变量时，都会创建该值的副本，每一次哦。

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-GEECs5KR-1618359874684)(/img/bVcQ1BJ)]

举个例子来看看，假设我们有两个变量 a 和 b：

let a = 1;

let b = a;

b = b + 2;

console.log(a); // 1

console.log(b); // 3

第一条语句，声明一个变量 a，并赋值为 1。

第二条语句，声明一个变量 b，并把 a 的值赋值给它。

最后，b = b + 2增加2并变为3。b变量发生变化，并且该变化不会影响a的值。

3.引用

通过引用传递的方式与值传递相比会有所不同。

当创建一个对象时，就获取一个对该对象的引用。如果两个变量持有相同的引用，那么改变对象会反映在两个变量中。

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-qfPnjdhu-1618359874686)(/img/bVcQ1Cc)]

请看下面代码：

let y = x;

y.push(2);

console.log(x); // [1, 2]

console.log(y); // [1, 2]

第一个语句let x =[1]创建一个数组，定义一个变量x，并使用对创建的数组的引用来初始化变量。

然后let y = x定义一个变量y，并使用存储在x变量中的引用来初始化y，这是一个引用传递。

y通过y.push(2)通来改变数组。因为x和y变量引用相同的数组，所以这种变化会反映在两个变量中。

注意：为简单起见，我说变量包含对对象的引用。 但是严格说来，JavaScript中的变量包含的值是对对象的引用。

4.值的比较和引用的比较

在比较对象时，理解值和引用之间的区别非常重要。

当使用严格比较运算符===时，如果两个变量的值相同，则它们相等。 以下所有比较均相等

最后

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数初中级Android工程师，想要提升技能，往往是自己摸索成长，自己不成体系的自学效果低效漫长且无助。

因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Android开发知识点！不论你是刚入门Android开发的新手，还是希望在技术上不断提升的资深开发者，这些资料都将为你打开新的学习之门！

如果你觉得这些内容对你有帮助，需要这份全套学习资料的朋友可以戳我获取！！

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！
点！不论你是刚入门Android开发的新手，还是希望在技术上不断提升的资深开发者，这些资料都将为你打开新的学习之门！**

如果你觉得这些内容对你有帮助，需要这份全套学习资料的朋友可以戳我获取！！

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！