JS数据类型,分别是按值传递还是按引用传递?

4.1 基本类型和引用类型的值 :

       ECMAScript 变量可能包含两种不同数据类型的值:基本类型值和引用类型值。基本类型值指的是 简单的数据段,而引用类型值指那些可能由多个值构成的对象。 在将一个值赋给变量时,解析器必须确定这个值是基本类型值还是引用类型值。第 3章讨论了 5种 基本数据类型:Undefined、Null、Boolean、Number 、String以及es6新加的symbol。这 5种基本数据类型是按值访问 的,因为可以操作保存在变量中的实际的值。 引用类型的值是保存在内存中的对象。与其他语言不同,JavaScript不允许直接访问内存中的位置, 也就是说不能直接操作对象的内存空间。在操作对象时,实际上是在操作对象的引用而不是实际的对象。 为此,引用类型的值是按引用访问的(ps: 在很多语言中,字符串以对象的形式来表示,因此被认为是引用类型的。 ECMAScript放弃了这一传统)。 

  4.1.1 复制变量值 

      除了保存的方式不同之外,在从一个变量向另一个变量复制基本类型值和引用类型值时,也存在不 同。如果从一个变量向另一个变量复制基本类型的值,会在变量对象上创建一个新值,然后把该值复制 到为新变量分配的位置上。来看一个例子: 
 
                      var num1 = 5;

                      var num2 = num1; 
        在此,num1 中保存的值是 5。当使用 num1 的值来初始化 num2 时,num2 中也保存了值 5。但 num2 中的 5与 num1 中的 5是完全独立的,该值只是 num1 中 5的一个副本。此后,这两个变量可以参与任 何操作而不会相互影响。图 4-1形象地展示了复制基本类型值的过程。

 

        当从一个变量向另一个变量复制引用类型的值时,同样也会将存储在变量对象中的值复制一份放到 为新变量分配的空间中。不同的是,这个值的副本实际上是一个指针,而这个指针指向存储在堆中的一 个对象。复制操作结束后,两个变量实际上将引用同一个对象。因此,改变其中一个变量,就会影响另 一个变量,如下面的例子所示: 
 
                            var obj1 = new Object();

                            var obj2 = obj1;

                            obj1.name = "Nicholas";

                            alert(obj2.name);  //"Nicholas" 
           首先,变量 obj1 保存了一个对象的新实例。然后,这个值被复制到了 obj2 中;换句话说,obj1 和 obj2 都指向同一个对象。这样,当为 obj1 添加 name 属性后,可以通过 obj2 来访问这个属性, 因为这两个变量引用的都是同一个对象。图 4-2展示了保存在变量对象中的变量和保存在堆中的对象之 间的这种关系。 
   

   4.1.2 传递参数

            ECMAScript 中所有函数的参数都是按值传递的。也就是说,把函数外部的值复制给函数内部的参 数,就和把值从一个变量复制到另一个变量一样。基本类型值的传递如同基本类型变量的复制一样,而 引用类型值的传递,则如同引用类型变量的复制一样。有不少开发人员在这一点上可能会感到困惑,因 为访问变量有按值和按引用两种方式,而参数只能按值传递。
           在向参数传递基本类型的值时,被传递的值会被复制给一个局部变量(即命名参数,或者用 ECMAScript的概念来说,就是 arguments 对象中的一个元素)。在向参数传递引用类型的值时,会把 这个值在内存中的地址复制给一个局部变量,因此这个局部变量的变化会反映在函数的外部。请看下面 这个例子: 

                   function addTen(num) {  

                       num += 10;    

                       return num;

                    } 

                 var count = 20; 

                 var result = addTen(count);

                 alert(count);   //20,没有变化 alert(result);  //30 
 

             以上代码中创建一个对象,并将其保存在了变量 person 中。然后,这个变量被传递到 setName() 函数中之后就被复制给了 obj。在这个函数内部,obj 和 person 引用的是同一个对象。换句话说,即 使这个变量是按值传递的,obj 也会按引用来访问同一个对象。于是,当在函数内部为 obj 添加 name 属性后,函数外部的 person 也将有所反映;因为 person 指向的对象在堆内存中只有一个,而且是全 局对象。有很多开发人员错误地认为:在局部作用域中修改的对象会在全局作用域中反映出来,就说明 参数是按引用传递的。为了证明对象是按值传递的,我们再看一看下面这个经过修改的例子:

                  function setName(obj) {    

                          obj.name = "Nicholas";    

                          obj = new Object();    

                          obj.name = "Greg";

                 } 

              var person = new Object();

               setName(person);

                alert(person.name);    //"Nicholas"

         这个例子与前一个例子的唯一区别,就是在 setName()函数中添加了两行代码:一行代码为 obj 重新定义了一个对象,另一行代码为该对象定义了一个带有不同值的 name 属性。在把 person 传递给 setName()后,其name 属性被设置为"Nicholas"。然后,又将一个新对象赋给变量 obj,同时将其 name 属性设置为"Greg"。如果 person 是按引用传递的,那么 person 就会自动被修改为指向其 name 属性值 为"Greg"的新对象。但是,当接下来再访问 person.name 时,显示的值仍然是"Nicholas"。这说明 即使在函数内部修改了参数的值,但原始的引用仍然保持未变。实际上,当在函数内部重写 obj 时,这 个变量引用的就是一个局部对象了。而这个局部对象会在函数执行完毕后立即被销毁。

可以把 ECMAScript函数的参数想象成局部变量
 

 

 

 

 

 

 

 

 

 

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值