JavaScript基础 变量

概念

前言

这里涉及到作用域，说一下，然后上下文和作用域又容易混淆，下面解释区分一下。

作用域

这里说的作用域是词法作用域。词法作用域意味着作用域是由书写代码时函数声明的位置来决定的。

编译的词法分析阶段 基本能够知道全部标识符在哪里以及是如何声明的，从而能够预测在执行过程中如何对它 们进行查找。

上下文

这里说的上下文是执行上下文的简称。就是执行代码时候花括号里面的内容（先这么庸俗的理解）

1. 变量或函数的上下文决定了它们可以访问哪些数据，以及它们的行为
2. 每个函数都有上下文
3. 上下文在其所有代码都执行完毕后会被销毁，包括定义在它上面的所有变量和函数

变量类型

原始值和引用值

javascript的变量可以包含两种不同类型的数据：原始值和引用值

原始值

原始值：简单的数据类型数据（string,number,boolean,undefined,null,symbol,bigint）
保存原始值的变量是按值访问的，因为我们操作的就是存储在变量中的实际值

引用值

引用值：多个值构成的对象
保存引用值的变量是按引用访问的,因为在操作对象时，实际上操作的是对该对象的引用而非
实际的对象本身

复制值

原始值复制值

引用值赋值值

函数传参

在js中所有函数的参数都是按值传递的。这意味着函数传参的本质还是复制值：如果是原始值，会把原始值直接复制原始值赋值给传给参数；如果是引用值，那就会复制引用值，并赋值给函数参数。

举个引用值传参的例子：

/**这个为为例*/
function setName(obj) { 
 obj.name = "x1"; 
 obj = {
 name :  "x2"
 }; 
} 
let person = {}; 
setName(person); 
console.log(person.name); // "x1"

1.首先let person = {}，在堆内存创建一个内存空间保存{}，在栈内存上保存key:person,value:0x10001(引用值，指向堆内存对应的位置)。

2.复制person变量给函数参数obj，即把person的引用值赋值给obj,他们现在指向的是同一块堆内存上

3.由于person和obj是同一个引用值，保存的引用值一致，所以obj.name修改堆内存上的变量等价于修改person.name

4.obj创建了一个新的堆内存，这时候obj上的引用值和person的引用值不一致，obj怎么改变都是修改新建堆内存里面的变量，与person没有关系。

5.最后setName(person)执行完后，函数对对应的执行上下文就会弹出并销毁了。这时候person.name===“x1”

你不知道的javascript（上卷）
javascript高级程序设计(第4版)