js中一个对象当做参数传递时候？

客官°小女子只卖身不卖艺 2022-03-14 15:04 208阅读 0赞

**高程中讲到：‘ECMAScript 中所有函数的参数都是按值传递’。**

这就像把值从一个变量复制到另一个变量一样。

那引用类型的值也是像基本类型一样？

<table> 
 <tbody> 
 <tr> 
 <td> 1 2 3 4 5 6 7 8 9 10 11 12 </td> 
 <td> <code>直接看栗子一：</code> &nbsp; <code>var</code>&nbsp;<code>person&nbsp; = { </code> <code>&nbsp;&nbsp;&nbsp;&nbsp;</code><code>name :&nbsp;</code><code>"leaf"</code> <code>};</code> <code>function</code>&nbsp;<code>obj(o){ </code> <code>&nbsp;&nbsp;&nbsp;&nbsp;</code><code>o.name =&nbsp;</code><code>"kafu"</code><code>;</code> <code>&nbsp;&nbsp;&nbsp;</code><code>return</code>&nbsp;<code>o;</code> <code>}</code> <code>var</code>&nbsp;<code>result = obj(person);</code> <code>console.log(result.name);</code><code>// kafu</code> <code>console.log(person.name);</code><code>// kafu</code> </td> 
 </tr> 
 </tbody> 
</table>

怎么咋看结果都是看似引用类型的参数是按照引用传递的样子呢？

<table> 
 <tbody> 
 <tr> 
 <td> 1 2 3 4 5 6 7 8 9 10 11 12 13 </td> 
 <td> <code>再看栗子二：</code> <code>var</code>&nbsp;<code>person = { </code> <code>&nbsp;&nbsp;&nbsp;&nbsp;</code><code>name :&nbsp;</code><code>"leaf"</code> <code>};</code> <code>function</code>&nbsp;<code>obj(o){ </code> <code>&nbsp;&nbsp;&nbsp;&nbsp;</code><code>o = { </code> <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>name :&nbsp;</code><code>"kafu"</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;</code><code>};</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;</code><code>return</code>&nbsp;<code>o;</code> <code>}</code> <code>var</code>&nbsp;<code>result = obj(person);</code> <code>console.log(result.name);</code><code>// kafu</code> <code>console.log(person.name);</code><code>// leaf</code> </td> 
 </tr> 
 </tbody> 
</table>

**区别就出来了。**  
栗子一中，把person传到obj()中，其实就是把person对象的引用复制一份，传递给o（可以看成一个地址）,person和o同时指向一个对象,o中修改那么属性，其实就修改了他们共同指向的对象的name属性。因为内存区此时就只有一个对象。  
栗子二种，o地址指向了另外新建的对象，此时内存中就有了两个对象，o指向的新对象的任意改变，对原来person指向的旧对象是没有什么影响的。

**为什么说‘ECMAScript 中所有函数的参数都是按值传递’。**

基本类型就不说了。  
对于引用类型，参数的传递是传递对象的引用副本。相当于传递了一份拷贝之后的新地址，这拷贝地址其实也可以理解为按值传递（也叫共享传递）了。

**利用对象作为参数传递**

当用对象作为参数传递的时候，可以不用考虑参数的顺序，这点很有用。