js ES6状态下函数的可变参数传值

最新推荐文章于 2024-08-06 08:50:34 发布

原创最新推荐文章于 2024-08-06 08:50:34 发布 · 1.4k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#扩展运算符... #可变参数传参

js 专栏收录该内容

22 篇文章

订阅专栏

博客围绕扩展运算符和可变参数传参展开，虽未给出具体内容，但可知聚焦于这两项信息技术相关内容，它们在编程中对参数处理等方面有重要作用。

相比于ES6之前的js可变参数传参的获取,现在要容易的多

直接使用扩展运算符 ...

规则：
func(...a) {} // 其中a为传入参数组合在一起的数组

const func = (...a) => {
  console.log(a) // ["张三", 12, "中国", "北京大学"]
}

func('张三',12,'中国','北京大学')

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

朲間烝茷

关注关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

TypeScript参数的灵活性：可选与默认参数的实践

m0_62153576的博客

08-26

574

在JavaScript中，函数参数默认都是可选的，这意味着你可以调用函数时不传递任何参数。然而，在TypeScript中，默认情况下所有参数都是必需的。

前端面试题总结（js、html、小程序、React、ES6、Vue、算法、全栈热门视频资源）持续更新

热门推荐

MingL520的博客

07-17

8万+

文档描述本文是关注微信小程序的开发和面试问题，由基础到困难循序渐进，适合面试和开发小程序。并有热点框架（vue react node.js 全栈）前端资源以及后端视频资源和源码并基于前端进阶和面试的需求总结了常用插件和js算法以及html/css和js热点面试题因为csdn不可以有外链所以答案链接在评论区！！！ Vue面试题生命周期函数面试题 1.什么是...

参与评论您还未登录，请先登录后发表或查看评论

javascript js可变参数，并去获取到 es6

草莓Sir的博客

07-31

427

再js定义一个可变得参数，并去获取到 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <script> // ...rest 就是就收从第三个开始以后得所有参数，以数组得形式存储 function fun(a,b,...rest)

【ES6】ES6学习七：函数的扩展：可变参数、箭头函数

qing_小诺的博客

04-26

754

一、默认参数 { // ES5\ES3 默认参数的写法 function f(x, y, z) { if (y === undefined) { y = 7; } if (z === undefined) { z = 42 } return x + y + z } console.log(f(1, 3));//46...

es6可变参数-扩展运算符

scottfan的博客

11-10

429

es5中参数不确定个数的情况下： //求参数和 function f(){ var a = Array.prototype.slice.call(arguments); var sum = 0; a.forEach(function(item){ sum += item*1; }) return sum; }; f(1,2,3);//6 es6中可变参数： function f(...a){ let sum = 0; a.fo

ES6可变参数学习笔记

weixin_45465762的博客

05-06

724

ES6可变参数学习笔记这些天在学习vue的时候遇到了es6可变参数的问题，就在这写一下学习笔记。需求：当我们对传入参数的数量不确定的时候，需要用到可变参数 比如我们有一个sum函数当第一个业务需求是要两个数字相加： function sum(num1, num2){ return num1 + num2; } 突然业务需求变成了要三个数字相加： function sum(num1, nu...

深入理解JavaScript中的传值与传引用

10-26

JavaScript中的传值与传引用是理解函数参数传递的关键，它涉及到数据类型的处理方式。在JavaScript中，主要有两种数据类型：基本类型（Primitive Types）和引用类型（Reference Types）。基本类型包括undefined、...

ES6中的Promise、async、await，超详细讲解！

共同学习，共同成长

08-06

2975

Promise是es6引入的异步编程新解决方案，Promise实例和原型上有reject、resolve、all、then、catch、finally等多个方法，语法上promise就是一个构造函数，用来封装异步操作并可以获取其成功或失败的结果，本篇文章主要介绍了ES6中的Promise对象与async和await方法

ES6、ES7新特性

michael_linux的博客，一个小小小学生。滴水穿石，步步为营，只为那刹那芳华。

03-07

4002

1 兼容性 2 变量 3 函数 4 数组 5 解构赋值 6 字符串连接 7 面向对象 8 Promise 9 generator，yield 10、模块化 11 手写promise 12 ES7新特性

es6扩展运算符与可变参数

dfe3318的博客

07-04

321

扩展运算符 : ...val 如果我们要合并两个数组常用方法： var params1 = [1, 2,4]; var params2 = ['a', 'b', 5].concat(params1); console.log (params2): 输出：[1，2，4，‘a’，‘b’, 5] es6用法： var params1 = [1, 2,4]; var par...

ES6-函数参数

qq_42042158的博客

07-18

796

ES6的函数参数相关

学习笔记 JavaScript ES6 函数的参数

白鸽同学的博客

02-13

1038

学习内容：参数的默认值与解构赋值结合 length属性作用域函数的name属性

js函数的可变参数

浅浅记录一下前端开发常见问题和解决方案

12-08

517

js函数的可变参用argument来获得获得了之后就可以方便后续的使用我这里是为了传参数给下一个界面，以判断是否可以播放 // 获取课程详细视频目录信息 // async showVideoInfo (type, grade, classtype, session, termone, course) { async showVideoInfo (curriculums, termone) { var flag = null // console.log(a

C函数中，可变长参数的传递?

Java技术博文

12-23

2098

第一篇 C语言编程中有时会遇到一些参数个数可变的函数,例如printf()函数,其函数原型为： int printf( const char* format, ...); 它除了有一个参数format固定以外,后面跟的参数的个数和类型是可变的（用三个点“…”做参数占位符）,实际调用时可以有以下的形式： printf("%d",i); printf("%s",s)

[JS ES6]传值和传址

m0_62360527的博客

10-25

665

let a = 1;let b = a;//1 1传值是获取一份儿相同的值，并自身重新开一份儿属于自己的内存地址,两个变量是互相独立的并不会互相影响。let a = {};let b = a;传值是获取一份儿相同的值，不会自身重新开一份儿属于自己的内存地址,两个变量是一个内存地址，会互相影响。

js:函数的传参都是按值传递的

bzaZJU的博客

04-25

1311

ES6中所有函数的参数都是按值传递的。这意味着函数外的值，会被复制到函数内部的参数中。我们举个例子。 function add(num){ num+=10; return num; } let count=20; add(count); console.log(count)//20 看，对于学过C语言或者java等的同学，这个并不是什么难事。但是我们再看这个 function setName(Obj){ obj.name="Nicholas" } let pers

es6动态参数（rest）[...]

weixin_30856965的博客

05-12

678

let sum=(...m)=>{ console.log(m[0]); //经判断m为数组 console.log(m instanceof Array);}sum(1,2,3);//此时...为运算符将4和8进行拆解// var [x,y]=[4,8];console.log(...[4,8]);let arr1=[1,2],arr2=[4,8];//[1, 2, 4, 8]con...

JS 6.1 动态参数

k1076731326的博客

06-01

652

2. **兼容性考虑**：在ES6之前，JavaScript没有提供解构参数（rest parameters）功能，`arguments`对象是处理可变参数的唯一方式。2. **包含所有传递的参数**：即使函数定义时不明确列出参数，`arguments`对象仍包含所有实际传递给函数的参数。2. **箭头函数中没有`arguments`对象**：如果需要使用`arguments`对象，必须使用传统的函数表达式。1. **处理不定参数**：在函数参数数量不确定的情况下，可以使用`arguments`对象处理。

如果函数名括号里加了东西和函数名里没有加东西有什么区别？

最新发布

10-09

这是一个非常好的问题！你问的是： > **“如果函数名括号里加了东西”和“没有加东西”有什么区别？** 我们来详细解释这个问题。 --- ### ✅ 一、你说的“括号里加了东西”指的是什么？在 JavaScript 中，函数定义的基本语法是： ```javascript function 函数名(参数列表) { // 函数体 } ``` 这里的 `( )` 是**参数列表**（parameters），也叫形参。 #### 🟢 示例对比 | 写法 | 代码 | |------|------| | 括号里**没有东西**（无参数） | `function sayHello() { ... }` | | 括号里**有东西**（有参数） | `function sayHello(name) { ... }` | --- ## 🔍 核心区别：是否有输入参数（Input） | 区别点 | 没有参数 `()` | 有参数 `(name)` | |--------|----------------|------------------| | 是否接收外部数据 | ❌ 不接收 | ✅ 接收 | | 能否根据不同输入做不同处理 | ❌ 固定行为 | ✅ 可变行为 | | 使用灵活性 | 低 | 高 | --- ### ✅ 二、具体例子说明 #### ✅ 1. 没有参数的函数（括号为空） ```javascript function greet() { console.log("Hello, user!"); } greet(); // 输出: Hello, user! greet(); // 还是输出: Hello, user! ``` 👉 这个函数每次运行都输出一样的内容，**无法个性化**。 --- #### ✅ 2. 有参数的函数（括号里加了东西） ```javascript function greet(name) { console.log("Hello, " + name + "!"); } greet("Alice"); // 输出: Hello, Alice! greet("Bob"); // 输出: Hello, Bob! ``` 👉 这个函数可以根据传入的不同名字，输出不同的结果，**更灵活、可复用性强**。 --- ### ✅ 三、参数的本质：函数的“输入通道” 你可以把函数想象成一个机器： - **没有参数** → 机器没有输入口，只能按固定方式工作 - **有参数** → 机器有了输入口，可以接受原料进行加工 ```text +------------+ 输入 --> | 函数机器 | --> 输出 +------------+ ``` 比如这个函数： ```javascript function add(a, b) { return a + b; } ``` - `a` 和 `b` 是参数（输入） - 调用时传入数值：`add(3, 5)` → 返回 `8` - 如果没有参数，就写不出通用的加法函数 --- ### ✅ 四、调用时的区别（实参 vs 形参） | 概念 | 解释 | |------|------| | **形参（Parameters）** | 定义函数时括号里的变量名，如 `function greet(name)` 中的 `name` | | **实参（Arguments）** | 调用函数时实际传进去的值，如 `greet("Alice")` 中的 `"Alice"` | ```javascript function greet(name) { // name 是形参 console.log("Hi, " + name); } greet("Alice"); // "Alice" 是实参 ``` --- ### ✅ 五、多个参数的情况你可以在括号里加多个参数，用逗号分隔： ```javascript function introduce(name, age, city) { console.log(`${name} is ${age} years old and lives in ${city}.`); } introduce("Alice", 25, "Beijing"); // 输出: Alice is 25 years old and lives in Beijing. ``` --- ### ✅ 六、默认参数（ES6 新特性）即使有参数，也可以给它设置默认值，防止调用时不传： ```javascript function greet(name = "Guest") { console.log("Hello, " + name); } greet(); // 输出: Hello, Guest greet("Tom"); // 输出: Hello, Tom ``` --- ### ✅ 七、总结：括号里有没有东西的关键区别 | 对比项 | `function fn()` | `function fn(x)` | |--------|------------------|-------------------| | 参数数量 | 0 个 | 至少 1 个 | | 是否能接收外部数据 | 否 | 是 | | 灵活性 | 低（固定逻辑） | 高（可定制） | | 是否需要调用时传值 | 不需要 | 建议传值 | | 适用场景 | 执行固定任务（如启动动画、初始化） | 处理动态数据（如计算、渲染用户信息） | --- ### ✅ 类比理解 | 生活比喻 | 无参函数 | 有参函数 | |---------|----------|----------| | 微波炉按钮 | “开始加热”（固定3分钟） | “设定时间 + 开始”（可自定义） | | 餐厅点餐 | 只能吃套餐A | 可以选菜、选辣度 | | 打印机 | 打印默认文档 | 接收文件再打印 | ---