当前位置：首页 > news >正文

2025第2周 | JavaScript中的函数的参数默认值和剩余参数

news 来源：原创 2025/7/5 5:48:02

1. 函数的默认值
- 1.1 ES5的时候默认值写法
- 1.2 es6的默认值
- 1.3 babel转换之后
- 1.4 有默认值的参数建议放到最后
- 1.5 有默认值的函数length属性
2. 参数为对象时默认值及解构
- 2.1 默认值和解构一起使用
- 2.2 默认值为一个空对象
3. 剩余参数
- 3.1 剩余参数必须放到最后
- 3.2 剩余参数和arguments区别
- 3.3 解构剩余参数

2025，做想做的事，读想读的书，持续学习，自律生活，修行人生。

2025一个转身就已到来，对于时间太快，总会有种惶恐感。每每回首过去，总会发现想要做的事情没有完成，学习的内容少之又少，读的有用的书籍更是可以忽略不计。对于内在的超越，内在的修行也是没有始终践行，知行合一，实践、认识、再实践、再认识…

2025年第2周：2025.01.06 ~ 2025.01.12 ，7号星期二

目标：JavaScript中的函数/对象的参数默认值

如何给函数参数赋默认值？
参数为对象时如何赋默认值？
剩余参数是什么？和 arguments 是一个东西么？

1. 函数的默认值

1.1 ES5的时候默认值写法

在ES5的时，给函数参数设置默认值，我们大部分是底下代码的写法，我们会发现此种写法比较繁琐，代码阅读性差，而且存在一些bug。

function foo(m, n) {m = m || "a";n = n || "b";console.log(m , n);}foo(0, "")    // a b

1.2 es6的默认值

在es6中，我们直接使用如下语法，给参数赋默认值。

function foo(m = "a", n = "b") {console.log(m , n);
}
foo(0, "")    // 0

1.3 babel转换之后

我们使用babel工具进行转换：npx babel ./Test/demo.js --out-file bundle.js，我们会发现babel是使用了argument来判断的。

"use strict";function foo() {var m = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : "a";var n = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "b";console.log(m, n);
}
foo(0, ""); // a b

1.4 有默认值的参数建议放到最后

有默认值的形参，建议放到最后，这样可以省略一些不必要的参数传递。

function bar(a, b, c=30) {console.log(a, b, c);
}
bar(10,20,30)   // 10 20 30

1.5 有默认值的函数length属性

形参有默认值会改变函数的length的值，默认值以及后面的参数都不计算在length之内了。

function bar(a, b, c=30, d, f) {console.log(a, b, c);
}
console.log(bar.length) //2

2. 参数为对象时默认值及解构

下面，给出了foo函数，其参数为user为一个对象，里面有name和age两个属性。

function foo(user = {name:"qtz", age:18}) {console.log(user.name, user.age);
}
foo() // qtz 18

2.1 默认值和解构一起使用

优化第一种写法：对参数进行解构。这样我们不用再写user.name，直接写name。

function foo2({name, age} = {name:"qtz", age:18}) {console.log(name, age);
}
foo2()  // qtz 18
foo2({name:"张三", age:30}) //张三 30

2.2 默认值为一个空对象

优化第二种写法：默认值为一个空对象，然后给解构的变量赋默认值。

function foo3({name = "王五", age = 50} = {}) {console.log(name, age);
}
foo3()  // 王五 50

3. 剩余参数

ES6中引用了剩余参数(Rest parameter)，可以将不定数量的参数放入到一个数组中。
在函数中，最后一个参数是以…为前缀的，那么它会将剩余的参数放到该参数中，并且作为一个数组。

function foo(a, b, ...args) {console.log(args)   // [ 3, 4, 5 ]
}
foo(1, 2, 3, 4, 5)

3.1 剩余参数必须放到最后

剩余参数必须放到最后，否则会报错：SyntaxError: Rest parameter must be last formal parameter

function foo(...args, a, b) {console.log(args) 
}
foo(1, 2, 3, 4, 5) // SyntaxError: Rest parameter must be last formal parameter

3.2 剩余参数和arguments区别

剩余参数只包含那些没有对应形参的实参，而 arguments 对象包含了传给函数的所有实参
arguments对象不是一个真正的数组，而 rest参数是一个真正的数组，可以进行数组的所有操作;
arguments是早期的ECMAScript中为了方便去获取所有的参数提供的一个数据结构，而rest参数是ES6中提供，并且希望以此来替代arguments的。

3.3 解构剩余参数

剩余参数可以被解构，这意味着他们的数据可以被解包到不同的变量中。如下代码所示：

function foo(a, b , ...[c, d , f]) {console.log(c, d, f) 
}
foo(1, 2, 3, 4, 5)

END！

2025第2周 | JavaScript中的函数的参数默认值和剩余参数

目录 1. 函数的默认值1.1 ES5的时候默认值写法1.2 es6的默认值1.3 babel转换之后1.4 有默认值的参数建议放到最后1.5 有默认值的函数length属性 2. 参数为对象时默认值及解构2.1 默认值和解构一起使用2.2 默认值为一个空对象 3. 剩余参数3.1 剩余参数必须放到最后3.2 剩余参数和…...

编程日记 2025/7/5 5:48:02

Unity学习之UGUI（三）

十二、Slider 1、作用 Slider是滑动条组件，是UGUI中用于处理滑动条相关交互的关键组件创建Slider默认包括4个对象父对象：Slider组件依附的对象子对象：背景图，进度图，滑动块三组对象 2、主要参数 3、代码控制 voi…...

编程日记 2025/7/5 5:04:16

分享3个国内使用正版GPT的网站【亲测有效！2025最新】

1. molica 传送入口：https://ai-to.cn/url/?umolica 2. 多帮AI 传送入口：https://aigc.openaicloud.cn?inVitecodeMYAAGGKXVK 3. 厉害猫传送入口：https://ai-to.cn/url/?ulihaimao...

编程日记 2025/7/5 1:35:28

ffmpeg-avio实战：打开本地文件或者网络直播流dome

使用ffmpeg打开打开本地文件或者网络直播流的一个小dome。流程产靠ffmpeg4.x系列的解码流程-CSDN博客 #include <libavcodec/avcodec.h> #include <libavformat/avformat.h> #include <libavformat/avio.h> #include <libavutil/file.h> #include &l…...

编程日记 2025/7/5 5:34:08

三维管线管网自动化建模工具MagicPipe3D V3.6.0

经纬管网建模系统MagicPipe3D，本地离线参数化构建地下管网三维模型（包括管道、接头、附属设施等），输出标准3DTiles、Obj模型等格式，支持Cesium、Unreal、Unity、Osg等引擎加载进行三维可视化、语义查询、专题分析。欢迎…...

编程日记 2025/7/5 4:39:16

设计基于检索增强生成的个性化语言模型（RAG-based LLM）

设计基于检索增强生成的个性化语言模型（RAG-based LLM） 引言在当今快速发展的自然语言处理技术中，生成式预训练模型（LLM）对个性化和可靠结果的需求不断增加。为了满足这种需求，基于检索增强生成&#xf…...

编程日记 2025/7/5 5:38:45

Oracle Dataguard（主库为单节点）配置详解（5）：使用 rman 复制技术（DUPLICATE）同步主库到备库

Oracle Dataguard（主库为单节点）配置详解（5）：使用 rman 复制技术（DUPLICATE）同步主库到备库目录 Oracle Dataguard（主库为单节点）配置详解（5）&am…...

编程日记 2025/7/3 19:40:21

119.使用AI Agent解决问题：Jenkins build Pipeline时，提示npm ERR! errno FETCH_ERROR

目录 1.Jenkins Build时的错误 2.百度文心快码AI智能体帮我解决提问1：jenkins中如何配置npm的源提问2：jenkins pipeline 类型为pipeline script from SCM时，如何配置npm源 3.最终解决方法-Jenkinsfile的修改 4.感触 1.Jenkins Build时…...

编程日记 2025/7/5 5:14:49

回归预测 | MATLAB实ELM-Adaboost多输入单输出回归预测

回归预测 | MATLAB实ELM-Adaboost多输入单输出回归预测目录回归预测 | MATLAB实ELM-Adaboost多输入单输出回归预测预测效果基本介绍程序设计参考资料预测效果基本介绍一、极限学习机（ELM） 极限学习机是一种单层前馈神经网络，具有训练速…...

编程日记 2025/7/3 19:40:17

服务器漏洞修复解决方案

漏洞1、远程桌面授权服务启用检测【原理扫描】 Windows Remote Desktop Licensing Service is running: Get Server version: 0x60000604 1、解决方案：建议禁用相关服务避免目标被利用方法一：使用服务管理器打开“运行”对话框（WinR&am…...

编程日记 2025/7/3 9:05:30

Couldn‘t resolve host name for http://mirrorlist.centos.org

【问题】在CentOS8执行sudo yum update -y 软件包更新的时候报错 Errors during downloading metadata for repository appstream:- Curl error (6): Couldnt resolve host name for http://mirrorlist.centos.org/?release8-stream&archx86_64&repoAppStream&…...

编程日记 2025/7/5 4:26:06

Vue2：el-table中的文字根据内容改变颜色

想要实现的效果如图，【级别】和【P】列的颜色根据文字内容变化 1、正常创建表格 <template><el-table:data="tableData"style="width: 100%"><el-table-column prop="id" label="ID"/> <el-table-column …...

编程日记 2025/7/5 5:40:40

C++静态变量的使用方法？C++静态变量占用内存情况？拷贝构造函数会拷贝哪些内容？const使用注意

1.静态变量的使用函数中使用：静态变量初次声明并定义作为初始值，后续再次运行函数，基于上次的结果累加类中：类内声明，类外实现（如声明为const，特殊情况，可以类内直接声明时定义&am…...

编程日记 2025/7/5 4:46:45

Linux初识——基本指令

我们在linux下输入各种指令，其实就相当于在windows中的相关操作，比如双击，新建文件夹等。以下是相关基本指令基本用法一.ls（显示当前目录下的所有文件和目录） 那如何显示当前目录（我们所在的位置&…...

编程日记 2025/7/5 4:00:45

python 实现贪心算法（Greedy Algorithm）

贪心算法（Greedy Algorithm）是一种在每一步选择中都采取当前最优的选择，希望通过局部最优解达到全局最优解的算法设计方法。以下是使用Python实现贪心算法解决几个经典问题的示例： 1. 活动选择问题（Activity Selection…...

编程日记 2025/7/5 5:40:40

设计形成从业务特点到设计模式的关联

规范和指引在应用架构、数据架构等各架构方向上形成规范性约束指导。同一个决策要点、架构单元在统一的架构原则指导下，会因业务特点差异有不同的实现，经过总结形成了最佳实践。在开展新应用的设计时，根据决策要点以及相关的业务特点&#xf…...

编程日记 2025/7/3 19:40:05

Pytorch初学

创建虚拟环境 python控制台，jupyter notebook,python文件运行的差异，后续结合使用三者。 jupter主要可以对代码进行分割单独运行，主要做一些探索性工作。数据集的常见存储模式 1、以标签命名图像。 2、单独存储图像的地址。加载数据集…...

编程日记 2025/7/5 4:28:22

【动态重建】时间高斯分层的长体积视频

标题：Representing Long Volumetric Video with Temporal Gaussian Hierarchy 来源：浙江大学链接：https://zju3dv.github.io/longvolcap/ 文章目录摘要一、前言二、主要方法2.1 时间高斯分层2.2 高效渲染2.3 层次结构更新2.4 紧凑的外观模型…...

编程日记 2025/7/3 19:40:02

Java设计模式 —— 【行为型模式】命令模式（Command Pattern）详解

文章目录模式介绍优缺点适用场景结构案例实现注意事项模式介绍有时候需要向某些对象发送请求，但是并不知道请求的接收者是谁，也不知道被请求的操作是什么。此时希望用一种松耦合的方式来设计程序，使得请求发送者和请求接收者能够消除彼此…...

编程日记 2025/7/2 8:41:18

IOS开发如何从入门进阶到高级

针对iOS开发的学习，不同阶段应采取不同的学习方式，以实现高效提升.本文将iOS开发的学习分为入门、实战、进阶三个阶段，下面分别详细介绍. 一、学习社区 iOS开源中国社区这个社区专注于iOS开发的开源项目分享与协作，汇集了大量开…...

编程日记 2025/7/5 4:32:56

数据结构与算法之二叉树: LeetCode 108. 将有序数组转换为二叉搜索树 (Ts版)

将有序数组转换为二叉搜索树 https://leetcode.cn/problems/convert-sorted-array-to-binary-search-tree/description/ 描述给你一个整数数组 nums ，其中元素已经按升序排列请你将其转换为一棵平衡二叉搜索树示例 1 输入：nums [-10,-3,0,5,9…...

编程日记 2025/7/3 19:39:56

细说STM32F407单片机以轮询方式读写外部SRAM的方法

目录一、实例的功能二、工程配置 1、KEYLED 2、时钟、DEBUG、USART6、NVIC、GPIO、CodeGenerator 3、FSMC （1） 模式设置 （2） Bank 1子区3参数设置 1) NOR/PSRAM control组，子区控制参数 2) NOR/PSRAM timi…...

编程日记 2025/7/5 5:09:21

【Unity3D】AB包加密（AssetBundle加密）

加密前： 加密后，直接无法加载ab，所以无法正常看到ab内容。 using UnityEngine; using UnityEditor; using System.IO; public static class AssetBundleDemoTest {[MenuItem("Tools/打包!")]public static void Build(){//注意:St…...

编程日记 2025/7/5 5:02:07

wujie无界微前端框架初使用

先说一下项目需求：将单独的四套系统的登录操作统一放在一个入口页面进行登录，所有系统都使用的是vue3，（不要问我为啥会这样设计，产品说的客户要求） 1.主系统下载wujie 我全套都是vue3，所以直接…...

编程日记 2025/7/3 14:38:31

联发科MTK6771/MT6771安卓核心板规格参数介绍

MT6771，也被称为Helio P60，是联发科技(MediaTek)推出的一款中央处理器(CPU)芯片，可运行 android9.0 操作系统的 4G AI 安卓智能模块。MT6771芯片采用了12纳米工艺制造，拥有八个ARM Cortex-A73和Cortex-A53核心，主频分别…...

编程日记 2025/7/5 4:36:47

ZooKeeper Java API操作

（1）添加依赖，在pom.xml文件中添加zookeeper依赖： （2）连接zookeeper服务，创建cn.itcast.zookeeper包，在该包中创建ZooKeeperDemo类，该类用于实现创建会话和操作ZooKeeper&…...

编程日记 2025/7/5 3:57:40

【vue3封装element-plus的反馈组件el-drawer、el-dialog】

vue2中封装el-drawer、el-dialog这类反馈类子组件，需要将父组件的visible值传递子组件，并且再通过$emit将关闭弹窗的组件值传回父组件，同事子组件还需要监听父组件传递过来的visible的值，来驱动弹窗显示隐藏，很麻烦&am…...

编程日记 2025/7/5 4:56:32

doris:远程存储

功能简介远程存储支持把部分数据放到外部存储（例如对象存储，HDFS）上，节省成本，不牺牲功能。注意远程存储的数据只有一个副本，数据可靠性依赖远程存储的数据可靠性，您需要保证远程存储有…...

编程日记 2025/7/5 5:01:15

win11 电脑重启后，需要重新插拔U盘、移动硬盘才能识别问题

win11 电脑重启后，需要重新插拔U盘、移动硬盘才能识别问题前言原因：win10在一个版本更新后，usb默认都开了自动停用一、解决方式一在设备管理里面找到那些需要插拔才能识别的usb设备，电源策略里关掉“允许计算机关闭这个设…...

编程日记 2025/7/4 18:27:36

望获实时Linux系统与大语言模型深度融合，开创实时智能无限可能！

大语言模型的崛起为智能化应用开辟了新的可能性。借助深度学习技术，这些模型能够理解和生成自然语言，处理复杂的文本和语义信息。这使得它们在诸如人机问答、内容生成和数据分析等领域展现出巨大的潜力。在实时控制领域，大语言模型能够显著提…...

编程日记 2025/7/3 17:19:34

【工业场景】用YOLOv8实现工业安全帽识别

工业安全帽识别是一项重要的工作安全管理措施，旨在防止工作场所发生头部伤害事故。通过使用YOLOv8等深度学习模型，可以实时准确地检测出工人是否佩戴安全帽，及时发现违规行为，为工人提供更安全的工作环境。使用YOLOv8实现工业安全…...

编程日记 2025/7/3 17:19:32

137. 只出现一次的数字 II

137. 只出现一次的数字 II 题目-中等难度1. 位运算2. 位运算题目-中等难度给你一个整数数组 nums ，除某个元素仅出现一次外，其余每个元素都恰出现三次。请你找出并返回那个只出现了一次的元素。你必须设计并实现线性时间复杂度的算法且使用常数…...

编程日记 2025/7/5 5:25:22

Transformer 和 Attention机制入门

1. 什么是 Transformer 背景： 在自然语言处理领域，早期常使用循环神经网络（RNN）及其变体（如 LSTM、GRU）来处理序列数据，如机器翻译、文本生成等任务。然而，RNN 结构存在以下问题&…...

编程日记 2025/7/5 5:46:18

selenium合集

环境搭建步骤安装selenium pip install selenium 安装浏览器安装浏览器驱动谷歌浏览器：chromdriver.exe ie浏览器:ieserverdriver.exe FireFox浏览器:geckodriver.exe 特别注意⚠️：下载驱动版本必须与浏览器版本一致下载地址淘宝镜像&#xff1…...

编程日记 2025/7/3 4:49:13

# Java 发送电子邮件示例

前些天发现了一个巨牛的人工智能学习网站，通俗易懂，风趣幽默， 忍不住分享一下给大家。点击跳转到网站学习总结 1、掌握 JAVA入门到进阶知识(持续写作中……） 2、学会Oracle数据库入门到入土用法(创作中……） 3、手把…...

编程日记 2025/7/3 17:19:24

数据结构-单链表

文章目录一、单链表的概念及结构1.链表的概念2.链表的节点结构3.单链表增删查改操作的实现一、单链表的概念及结构 1.链表的概念 🍉🍉概念：链表是一种物理存储结构上非连续、非顺序的存储结构，数据元素的逻辑顺序是通过链表中…...

编程日记 2025/7/3 17:19:23

软件工程期末整理（二）

快速原型开发模型是（适用于客户需求难以清楚定义、规模较小的系统）。(编写系统实施计划)不是系统设计阶段的主要活动解释：系统实施计划”更侧重于后续的实施与部署阶段，属于项目管理层面的内容协作性不属于构件的特性在类图中…...

编程日记 2025/7/3 15:14:32

【Python】基于blind-watermark库添加图片盲水印

blind-watermark 是一个用于在图像中添加和提取盲水印的 Python 库。盲水印是一种嵌入信息（如水印）到图像中的方法，使得水印在视觉上不可见，但在需要时可以通过特定的算法进行提取。以下是如何使用 blind-watermark 库来添加和提取…...

编程日记 2025/7/3 17:19:19

GPU算力平台的应用之任意门:任意穿搭匹配模型的应用教程

大家好，今天给大家介绍一下：GPU算力平台的应用之任意门:任意穿搭匹配模型的应用教程。文章目录一、GPU算力平台概述人工智能智能发展为什么需要GPU算力平台二、注册与登录账号注册流程三、平台的应用之Anydoor应用启动器选择Anydoor的应用场景Anydoo…...

编程日记 2025/7/1 14:53:34

Django：构建高效Web应用的强大框架

在当今快速发展的Web开发领域，选择一个合适的框架对于项目的成功至关重要。Django，作为Python编程语言中最受欢迎的Web框架之一，凭借其强大的功能、高度的可扩展性和简洁的语法，成为了众多开发者心中的首选。本文将深入探讨Django…...

编程日记 2025/7/3 17:19:17

前端-计算机网络篇

一.网络分类 1.按照网络的作用范围进行分类 （1）广域网WAN(Wide Area Network) 广域网的作用范围通常为几十到几千公里,因而有时也称为远程网（long haul network）。广域网是互联网的核心部分，其任务是长距离运送主机…...

编程日记 2025/7/3 17:19:16

Mybatis-plus

一、简介 MyBatis-Plus（简称MP）是一个MyBatis的增强工具，它在MyBatis的基础上只做增强而不做改变，目的是简化开发、提高效率。MyBatis-Plus提供了许多便捷的功能，如强大的CRUD操作、支持多种主键策略、内置代码生成器…...

编程日记 2025/7/3 17:19:14

跨年烟花C++代码

嘿，朋友们！今天来给大家讲讲一段挺有意思的C代码呀，这段代码主要是用来实现一个烟花效果展示的程序哦，下面咱们一点点来看哈。效果 1. 开头包含的那些头文件 #include <graphics.h> #include <conio.h> #include &…...

编程日记 2025/7/3 17:19:12

第82期 | GPTSecurity周报

GPTSecurity是一个涵盖了前沿学术研究和实践经验分享的社区，集成了生成预训练Transformer（GPT）、人工智能生成内容（AIGC）以及大语言模型（LLM）等安全领域应用的知识。在这里，您可以找…...

编程日记 2025/7/4 20:49:29

关于FPGA中添加FIR IP核（采用了GOWIN EDA）

文章目录前言一、IP核二、MATLAB文件三、导出系数COE文件1.设计滤波器2.用官方的matlab代码或者直接用文本文件四、进行模块化设计源文件前言 FIR滤波器的特点是其输出信号是输入信号的加权和，权值由滤波器的系数决定。每个系数代表了滤波器在特定延迟位置上的“…...

编程日记 2025/7/3 17:19:08

基于机器学习的京东手机商品评论数据可视化分析系统

完整源码项目包获取→点击文章末尾名片！...

编程日记 2025/7/3 17:19:07

jenkins入门13--pipeline

Jenkins-pipeline(1)-基础为什么要使用pipeline 代码：pipeline 以代码的形式实现，通过被捡入源代码控制， 使团队能够编译，审查和迭代其cd流程可连续性：jenkins 重启或者中断后都不会影响pipeline job 停顿&#x…...

编程日记 2025/7/3 17:19:05

Ubuntu24.04.1 LTS+Win11双系统安装记录

Win11相关 1.用DiskGenius删除硬盘分区 2.关闭win11的BitLocker，否则禁用安全启动后开机时需要帐户密钥，很麻烦。 3.在设备管理器中找到独立显卡，右键禁用。等ubuntu装好显卡驱动后，再进入win启用。 Ubuntu相关 1.Ubuntu24.04在…...

编程日记 2025/7/3 17:19:03

【前端开发常用网站汇总-01】

1、仿mac界面代码截图 https://codeimg.io/?utm_sourceappinn.com 2、可视化大屏汇总(在线Demo) https://www.xiongze.net/viewdata/index.html 3、在线Photoshop(实现简单P图) https://ps.gaoding.com/#/ 4、在线生成ico图标(png转icon文件) https://www.bitbug.net/in…...

编程日记 2025/7/3 17:19:01

【Rust自学】10.6. 生命周期 Pt.2：生命周期的语法与例子

喜欢的话别忘了点赞、收藏加关注哦，对接下来的教程有兴趣的可以关注专栏。谢谢喵！(･ω･) 10.6.1. 生命周期标注语法生命周期的标注并不会改变引用的生命周期长度。如果某个函数它制定了泛型生命周期参数，那么它就可…...

编程日记 2025/7/3 17:19:00

目录