传值类型_前端基础 | Javascript函数传值的方式

矫情吗；* 2023-01-06 04:22 106阅读 0赞

本文首发在个人博客上：http://www.brandhuang.com/article/1587859232291

# 函数传值 #

> 《JavaScript高级程序设计》书中说：ECMAScript中所有函数的参数都是按值传递的。

## 按值传递 ##

> 把函数外部的值复制给函数内部的参数，就和把值从一个变量复制到另一个变量一样。

## 基本数据类型 ##

> 传递的是原始值本身

在函数中修改传入的值，不会影响原来的数据

var value = 1;function foo(v) {    v = 2;    console.log(v); //2}foo(value);console.log(value) // 1

## 复杂数据类型 ##

传递的是对象的引用的副本，看下面两个例子，看看有什么不一样？

// 例子1var obj = {    value: 1};function foo(o) {    o.value = 2;    console.log(o.value); //2}foo(obj);console.log(obj.value) // 2// 例子2var obj = {    value: 1};function foo(o) {    o = 2;    console.log(o); //2}foo(obj);console.log(obj.value) // 1

解释：

对于复杂的数据类型，函数内部的临时变量和传入的参数指向同一个内存地址，所以有例子一，我们能通过 o.value 找到内存中的 o，也就找到了外部的 obj，所以我们修改 o.value 值的时候，也会影响 obj 中的 value 值。

对于例子二，因为是直接对传入的参数进行了赋值操作，这会将内部参数 o 进行重新绑定，指向了一个新的地址，所以此时修改函数内部的值不会对外部有影响。

# 参考文章 #

https://segmentfault.com/q/1010000003023316

感谢你的阅读

先就记录这几个知识点吧，多了一次性也记不住，大概率你也不会来看第二遍

![0484de173bc82fdbc5722ef26e5d1882.png][]

![4b28bcfdc6ec1a41d6af8b6f60aae111.png][]

[0484de173bc82fdbc5722ef26e5d1882.png]: /images/20221119/2af91535fecc4d3a8ca313fdb735dc76.png
[4b28bcfdc6ec1a41d6af8b6f60aae111.png]: /images/20221119/a3b29bcd945e449db6fc56e55a9ae449.png

发表评论取消回复

表情：

评论列表（有 0 条评论，106人围观）

还没有评论，来说两句吧...

相关阅读

相关 Mabtis传值方式

Java的Mybatis中xml的传参方式 1.@Param值传递 //mapper int insertBlog(@Param("name") S

我就是我/ 2023年10月14日 06:49/ 0 赞/ 7 阅读

相关传值类型_前端基础 | Javascript函数传值的方式

本文首发在个人博客上：http://www.brandhuang.com/article/1587859232291 函数传值 > 《JavaScript高级程序设计》

矫情吗；*/ 2023年01月06日 04:22/ 0 赞/ 107 阅读

相关 vue传值方式

其实很简单很好理解，引用官网一句话： > 父子组件的关系可以总结为 prop 向下传递，事件向上传递。父组件通过 prop 给子组件下发数据，子组件通过事件给父组件发送消息。

落日映苍穹つ/ 2023年01月03日 01:27/ 0 赞/ 145 阅读

相关 ajax传formdata类型的数据_前端利用formData格式进行数据上传，前端formData 传值和 json传值的区别？...

contentType 常见的格式 text/plain ：纯文本格式 application/json： JSON数据格式 application/x-www-form

爱被打了一巴掌/ 2022年11月06日 01:52/ 0 赞/ 185 阅读

相关参数传值，传引用，传值，传指针

例子： Status Name (Triplet &T , ElemType v1 , ElemType v2 , ElemType v3) { ..

àì夳堔傛蜴生んèń/ 2022年06月17日 08:42/ 0 赞/ 204 阅读

相关 JavaScript ：JS传值方式

这段时间干了一些全栈的事，对JS有了一些学习与了解，这一篇主要是JS的传值的方式的总结。我们一般说JavaScript是传值的，但是从某种角度来说其实也可以说是传的引用，下

ゞ浴缸里的玫瑰/ 2022年05月24日 05:34/ 0 赞/ 150 阅读

相关 C/C++——函数传值方式

这里不细分C语言和C++的区别，简单讨论C++的的函数传值方式。讨论参数传递的时候，我们将一个参数变量看成（address：value）。 C++中函数的参数传递有三种方

小灰灰/ 2022年05月14日 03:18/ 0 赞/ 191 阅读

相关 javascript 传值方式

结论：javascript是按值传递的 1.基本类型的按值传递 javascript的基本类型传递的意思就是把变量的【值】拷贝一份传递过去，但是当前变量本身不改变。

矫情吗；*/ 2022年05月05日 05:00/ 0 赞/ 176 阅读

相关 C++函数传值方式

> 本文主要分析C++里面两大类函数传参方式：传值和传址(传引用和传指针) 1.传值我们知道当我们调用一个函数时，OS会在内存中为这个函数建立起一块程序栈帧，这个栈帧

短命女/ 2022年04月06日 15:29/ 0 赞/ 180 阅读

相关 C++引用方式传参，传值方式传参（*、&）

C++引用方式传参，传值方式传参（\、&）和数组作为参数传递 1、引用方式传参 2、传值方式传参

「爱情、让人受尽委屈。」/ 2022年02月22日 15:04/ 0 赞/ 423 阅读