用js变量使用原始值引用值

原始值与引用值

ECMAScript 变量可以包含两种不同类型的数据:原始值和引用值。原始值(primitive value)就是 最简单的数据，引用值(reference value)则是由多个值构成的对象

保存原始值的变量是按值(by value)访问的，因为我们操作的就是存储在变量中的实际值。

在操作对象时，实际上操作的是对该对象的引用(reference)而非 实际的对象本身。为此，保存引用值的变量是按引用(by reference)访问的。

对于引用值而言，可以随时添加、修改和删除其属性 和方法。比如，看下面的例子:

    let person = new Object();
    person.name = "Nicholas";
    console.log(person.name); // "Nicholas"
  这里，首先创建了一个对象，并把它保存在变量 person 中

 14:50:10
原始值不能有属性，尽管尝试给原始值添加属性不会报错。比如:
    let name = "Nicholas";
    name.age = 27;
    console.log(name.age);  // undefined

注意，原始类型的初始化可以只使用原始字面量形式。如果使用的是 new 关键字，则 JavaScript 会 创建一个 Object 类型的实例，但其行为类似原始值。下面来看看这两种初始化方式的差异:

    let name1 = "Nicholas";
    let name2 = new String("Matt");
    name1.age = 27;
    name2.age = 26;
    console.log(name1.age);    // undefined
    console.log(name2.age);    // 26
    console.log(typeof name1); // string
    console.log(typeof name2); // object

复制值

除了存储方式不同，原始值和引用值在通过变量复制时也有所不同。在通过变量把一个原始值赋值 到另一个变量时，原始值会被复制到新变量的位置。请看下面的例子:
let num1 = 5;
let num2 = num1;
这里，num1 包含数值 5。当把 num2 初始化为 num1 时，num2 也会得到数值 5。这个值跟存储在 num1 中的 5 是完全独立的，因为它是那个值的副本。
这两个变量可以独立使用，互不干扰。

let obj1 = new Object();
let obj2 = obj1;
obj1.name = "Nicholas";
console.log(obj2.name); // "Nicholas"

传递参数

function setName(obj) { obj.name = "Nicholas"; obj = new Object(); obj.name = "Greg";
}
    let person = new Object();
    setName(person);
    console.log(person.name);  // "Nicholas"
    

这个例子前后唯一的变化就是 setName()中多了两行代码，将 obj 重新定义为一个有着不同 name 的新对象。当 person 传入 setName()时，其 name 属性被设置为"Nicholas"。然后变量 obj 被设置 为一个新对象且 name 属性被设置为"Greg"。如果 person 是按引用传递的，那么 person 应该自动将 指针改为指向 name 为"Greg"的对象。可是，当我们再次访问 person.name 时，它的值是"Nicholas"， 这表明函数中参数的值改变之后，原始的引用仍然没变。当 obj 在函数内部被重写时，它变成了一个指 向本地对象的指针。而那个本地对象在函数执行结束时就被销毁了。