javascript 的函数入参被引用的情况总结

已于 2022-02-10 18:43:02 修改
阅读量1.5k 收藏
点赞数
分类专栏： javascript 文章标签： javascript ecmascript
于 2022-02-06 17:13:59 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/liji_digital/article/details/122779388
版权

目录

1) 可以认为是引用的情况

1.1）入参是一个数组，此时函数体内对入参的修改在函数返回后仍然有效。

1.2）入参是一个object,在函数体内对object的具体元素做修改，修改在函数返回后仍然有效。

1.3) Array.push()的入参是一个object，那么Array新增的元素也是一个引用 ​

2) 不能被视为引用的情况

2.1) 入参是一个基本数据类型，如数字，字符串等

2.2) 入参是object时，在函数内对其整体赋值是无效的

2.3) 即使修改的是入参的一个property， 假如这个property也是一个object，那么对它整体赋值也是无效的

 2.4) 入参是数组时，对其进行整体赋值也是无效的

javascript与c++不同，js里没有引用符这一说。那么当什么时候函数入参可以被函数改动，并且这个改动在函数返回后仍然保留着呢？

1) 可以认为是引用的情况

1.1）入参是一个数组，此时函数体内对入参的修改在函数返回后仍然有效。

1.2）入参是一个object,在函数体内对object的具体元素做修改，修改在函数返回后仍然有效。

1.3) Array.push()的入参是一个object，那么Array新增的元素也是一个引用 

2) 不能被视为引用的情况

2.1) 入参是一个基本数据类型，如数字，字符串等

2.2) 入参是object时，在函数内对其整体赋值是无效的

2.3) 即使修改的是入参的一个property， 假如这个property也是一个object，那么对它整体赋值也是无效的

 2.4) 入参是数组时，对其进行整体赋值也是无效的

金色熊族
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JS基础——引用类型的参数传递
一只彩乌鸦
09-14 6197
JavaScript中引用类型的参数传递 ECMAScript中所有函数的参数都是按值传递的。可以把ECMAScript函数的参数想象成局部变量。 ECMAScript中所有函数的参数都是按值传递的。也就是说，函数的传参，就和基本类型变量的复制一样，而引用类型值的传递，则如同引用类型变量的复制一样。这里可能会使很多人感到困惑，因为访问变量有按值和按引用两种方式，而参数只能按值传递。 请看下面这个例子： function add(num){ num += 10; return num; } v
JavaScript 函数参数
最新发布
笔记
02-08 464
当函数被调用时，传递给函数的参数数量可以与函数定义时声明的参数数量不同。在结合实际工作中的使用情况以及最佳实践的基础上，我们可以更好地使用 JavaScript 函数参数，提高代码质量，增强代码可维护性。在上面的代码中，我们调用了 addNumbers 函数，并向其传递了两个参数，分别为 10 和 20。在上面的代码中，我们定义了一个名为 addNumbers 的函数，它有两个参数，分别为 a 和 b。除了简单的参数传递，JavaScript 还支持多种参数类型，包括默认参数、解构赋值和剩余参数。
数组作为入参传递
979
02-18 964
js中函数参数值传递和引用传递
zhengzhengwang的专栏
03-13 1660
js中函数参数值传递和引用传递: 在阅读本章节之前建议参阅一下两章节: 1.值类型可以参阅javascript的值类型一章节。 2.引用类型可以参阅javascript的引用类型一章节。 一.函数传递值类型: 代码实例如下: function addNum(num) { 　num+=10; 　return num; } var num=10; var result=addNum(num); console.log(num); console.log(result); .
js中函数的参数是“函数”
自由如风hsj的博客
05-27 4103
函数作为另一个函数的参数使用//定义一个add函数 function add(){ console.log("这是加法函数！"); } //定义一个计算函数counter，并将函数method作为参数，并调用了method（） function counter(method){ method(); } //调用了counter（）函数，并将函数add作为参数传进去 counter(add); //运行的结果为：这是加法函数！ 总结：①. 将函数作为另一个函数的参数使用，只需要在调用另一个函数时，.
浅谈JavaScript function函数种类
12-01
本文将深入探讨三种常见的JavaScript函数类型：普通函数、匿名函数和闭包函数。 1. 普通函数 普通函数是最基础的函数形式，它们通常有一个明确的名称，并通过这个名称来调用。例如： ```javascript function ...
在html中引入外部js文件,并调用带参函数的方法
10-21
总结起来，HTML中引入外部JS文件的关键在于`<script>`标签的`src`属性，而调用带参数函数则涉及到函数引用和调用的语法。理解这些基本概念，可以帮助你更好地组织和管理网页的动态行为。在实际开发中，还可以结合...
子程序(函数)传递.e.rar
03-12
在编程领域，子程序或函数是程序设计的基本构造块，它们允许我们将复杂的问题分解为更小、更可管理的部分。函数传递是实现这种模块化编程的关键机制，它涉及到将数据从主程序传递到函数，以及从函数返回结果给调用者...
如何使用JavaScript-使用defineProperty（）和defineProperties（）
04-07
6. `set`：一参函数，当属性值被赋值时会被调用，参数为新值。 例如，我们可以这样定义一个属性： ```javascript let obj = {}; Object.defineProperty(obj, 'name', { value: 'John Doe', writable: true, ...
angularJS自定义directive之带参方法传递详解
10-17
本篇将详细讲解如何在自定义指令中实现带参方法的传递，这对于构建复杂的单页应用（SPA）至关重要。 首先，让我们解析一下给出的代码片段： ```javascript grgApp.directive("myEmail", function() { return { ...
js函数参数值的引用问题
cxz
05-06 397
输出什么? const value = { number: 10 }; const multiply = (x = { ...value }) => { console.log(x.number *= 2); }; multiply(); multiply(); multiply(value); multiply(value); A: 20, 40, 80, 160 B: 20, 40, 20, 40 C: 20, 20, 20, 40 D: NaN, NaN, 20, 40 参数为空 x
JS中的函数参数传递到底是按值传递还是按引用传递
卡卡的笔录
10-17 2267
首先我们知道JS中的数据类型大致可以分为简单数据类型和复杂数据类型； 当我们声明一个变量并给它赋值时，可以赋给其简单值和复杂值(以下堆内存和栈内存的地址表示均随意取的，只是为了区分，并不是真实的内存地址)； 针对简单数据类型： 例1 var simpleData1 = 18 var simpleData2 = simpleData1 simpleData2 = 19 console.log(si...
JavaScript函数参数中值传递和引用传递
xuexizhe88的博客
06-06 1111
先看一段代码//引用传递 以数组为例 var arr = [1,5,3,6,46,12]; var str = arrFun1(arr); console.log('str==' + str);//原数组*2 console.log('arr==' + arr);//arrFun1方法中使用arg去接传参，因此arr数组不会改变 var num = arrFun2(arr); console.lo...
JS参数理解（基本类型和引用类型）
前端向朔
06-13 1600
JS参数理解用过JS的同学肯定知道，JavaScript中，函数的参数简直就是”怪胎“！ 1、不规定参数个数 2、不规定参数类型 3、参数随便传。。。为什么会这样呢？Java里面可是靠参数个数，参数类型来实现重载的啊，JS中怎么抛弃了这样一个设计思路呢？JS的参数到底是何方神圣。。。让我们一探究竟！原来，在ECMAScript中，参数在内部是用一个数组来表示的，函数接收到的始终是这个数组，而数
JS中将函数作为参数传入
lanying100的博客
04-12 5696
// 这是一个JS函数，其参数是个函数 function test(func){ func(); // 执行传入的函数 } // 1.无参函数 function a(){ alert("a()执行！"); } // 测试 test(a); // 只需要填函数名 // 2.有参函数 function b(name){ alert("b(name)执行！name = " + name); } // 测试1（报错） test(b("zhangsan")); // 传入参数的.
JavaScript，function函数参数的值传递（笔记一）
热门推荐
qq_40439227的博客
06-06 3万+
      最近刚开始看《JavaScript高级程序设计第三版》，本人程序小白刚接触编程几个月，刚开始接触JavaScript。对一些自己可以看到的，不理解的知识做一下笔记。      这里看到，JavaScript的基本类型是值传递，引用类型是引用传递           num1的值123传递num2的时候是把值复制到num2开辟的新的空间里。所以num2改变值也不会改变num1（这个其实很...
js传递函数作为参数
杯酒窥阴阳
10-27 1万+
今天项目中页面对于几个动作都要进行校验判断操作数据是否处于锁定状态，如果锁定的话给出统一提示。如果不是的话，执行对应的各自操作。 此处校验请求及统一提示都是一样的，只是执行各自操作不同。那么可以提取成一个统一方法。各自操作可以作为参数进行传递，传递方式就采用了函数。 同时因为各自操作是需要参数的，所以传递的是一个带参数的函数。 简化结构如下： 统一校验函数 function chec
关于js 函数传递引用参数理解
tyro_blog的博客
10-28 393
先看以下代码： function box(num){ num+=10; } var num =100; alert(box(num)); alert(num);执行结果是110,100；因为box函数按值传递，函数内部相当于定义了一个新变量，函数调用结束销毁栈上内存。 再看以下代码：function box（obj）{ obj.name='zzz'; } var a=new ob
javascript中，函数参数中的值传递和引用传递
ForMyQianDuan的博客
02-19 696
今天遇到一段代码：function fn(obj){ obj={y:20}; } var p={x:5}; fn(p); alert(p.y) //结果是：undefined稍作变化： function fn(obj){ obj.y =200; } var p={x:5}; fn(p); alert(p.y) //结果是：200 两端代码怎么回事。 按常理说，fn的参数
JavaScript之函数
09-19
函数的作用及创建方式、函数的本质、函数内部属性、函数的作用域、回调函数、闭包、

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值