热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

JavaScript函数参数传递与默认值问题

探讨JavaScript中函数参数传递机制及默认值的影响

在 Javascript 中,函数参数的传递方式和默认值的设置对函数行为有很大影响。以下是一个示例代码,展示了这些机制的实际应用:

1
2
3
4
5
6
7
8
9
10
function sideEffecting(ary) {
ary[0] = ary[2];
}

function bar(a, b, c) {
c = 10;
sideEffecting(arguments);
return a + b + c;
}

var res = bar(1, 1, 1);
console.log(res);

在这个例子中,我们定义了两个函数 sideEffectingbar。函数 sideEffecting 接受一个数组参数,并将数组的第一个元素设置为第三个元素的值。函数 bar 接受三个参数 abc,并将 c 的值设置为 10,然后调用 sideEffecting 函数并传入 arguments 对象,最后返回 a + b + c 的结果。

如果我们将 bar 函数的参数 c 设置为默认值 3,如下所示:

1
function bar(a, b, c = 3) {

那么,最终得到的 res 值会有所不同。

问题:为什么在设置了 c = 3 后,sideEffecting(arguments) 中的 arguments 对象中的 c 没有被 c = 10 改写?

解释:在 Javascript 中,arguments 对象是一个类数组对象,它包含了函数调用时传递的所有参数。当我们在函数内部显式地给参数赋值时(如 c = 10),这个赋值操作并不会影响 arguments 对象中的对应值。这是因为 arguments 对象在函数调用时已经确定,而显式的赋值操作只是改变了局部变量的值。

另外,设置参数的默认值可以提供更多的灵活性。如果没有设置默认值,当调用函数时未传递该参数或传递了 undefined,参数将被视为 undefined。而设置了默认值后,即使未传递该参数或传递了 undefined,参数也会被赋予默认值。


推荐阅读
  • 本文探讨了 JavaScript 中 yield 关键字的使用及其在生成器函数中的行为,特别是当全局变量被修改时的情况。 ... [详细]
  • 本文详细介绍了TypeScript中的各种数据类型,包括基本类型、数组、元组、枚举、any、void、never以及类型断言,并提供了示例代码及其编译结果。 ... [详细]
  • 本打算教一步步实现koa-router,因为要解释的太多了,所以先简化成mini版本,从实现部分功能到阅读源码,希望能让你好理解一些。希望你之前有读过koa源码,没有的话,给你链接 ... [详细]
  • 在移动端开发中,多点触控手势是提升用户体验的重要手段。然而,目前只有iOS浏览器原生支持手势事件,其他设备需要通过touchstart、touchmove和touchend等基础事件进行自定义实现。本文将详细介绍如何在Vue项目中实现多点触控手势。 ... [详细]
  • JavaScript 函数详解
    本文详细介绍了 JavaScript 中函数的基本概念和高级用法,包括函数的声明、参数传递、返回值、函数提升、函数表达式、IIFE 即时调用函数表达式以及函数作用域等内容。 ... [详细]
  • mysql 授权!!
    为什么80%的码农都做不了架构师?MySQL的权限系统围绕着两个概念:认证-确定用户是否允许连接数据库服务器授权-确定用户是否拥有足够的权限执 ... [详细]
  • 现在越来越多的人使用IntelliJIDEA,你是否想要一个好看的IDEA主题呢?本篇博客教你如何设置一个美美哒IDEA主题,你也可以根据 ... [详细]
  • 我编写了一段JavaScript代码,但未能达到预期效果。希望各位高手能帮我找出问题所在。 ... [详细]
  • 本文详细介绍了 JavaScript 中面向对象编程的基本概念,包括对象的创建、工厂模式、构造函数、原型及其优缺点,并探讨了继承的多种实现方式。 ... [详细]
  • 本文介绍了 jQuery 的基本使用方法,包括文档就绪函数和常用的鼠标事件处理,以及各种选择器的详细说明。 ... [详细]
  • URL参数格式http:localhos:8080demo?ab&cd&ef匹配参数a对应的表达式为^a([^&]*)&匹配参数b对应的表达式为&b([^&]*)&匹配参数c对应 ... [详细]
  • 在处理复杂且未经验证的PHP代码时,我经常需要快速找到某个函数的定义位置。虽然有一些工具可以帮助我修复这些问题,但有时仍然难以确定函数的具体定义文件。本文将探讨如何高效地解决这一问题。 ... [详细]
  • 驱动程序的基本结构1、Windows驱动程序中重要的数据结构1.1、驱动对象(DRIVER_OBJECT)每个驱动程序会有唯一的驱动对象与之对应,并且这个驱动对象是在驱 ... [详细]
  • 本文介绍了如何通过 AJAX 发送请求到后端控制器,并将返回的 JSON 数据解析后在前端页面上显示。具体步骤包括发送 AJAX 请求、解析 JSON 字符串和遍历数据。 ... [详细]
  • C#本随笔为个人复习巩固知识用,多从书上总结与python基础教程理解归纳得来,如有错误烦请指正面向对象的三大基本特征:封装、继承、多态 ... [详细]
author-avatar
寻找另一半哥哥_335
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有