箭头函数获取参数列表

最新推荐文章于 2024-08-15 21:19:47 发布
最新推荐文章于 2024-08-15 21:19:47 发布
阅读量1.8k 收藏 1
点赞数
分类专栏： js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lzj2504476514/article/details/116895584
版权
本文探讨了JavaScript中普通函数与箭头函数处理参数的不同方式。在普通函数中，arguments对象允许访问所有参数，即使未声明。而箭头函数不拥有arguments对象，但可通过扩展运算符(...args)获取参数列表，且参数列表已经是数组类型。
摘要由CSDN通过智能技术生成

普通函数可以通过arguments对象获取参数列表，arguments是一个类数组，将arguments转化为数组可以使用Array.from(arguments)

function arrow(){
    console.log('参数列表：',arguments, arguments instanceof Array)
    let args = Array.from(arguments)
    console.log(args, args instanceof Array)
}
arrow(1,2,3)
 // 参数列表：[1,2,3] false
 //  [1,2,3] true

箭头函数没有arguments对象，获取参数列表需要用扩展符，获取的参数列表是数组类型

let arrow = (...args) => {
    console.log('参数列表：',args, args instanceof Array)
}
arrow(1,2,3) // 参数列表；[1,2,3] true

 

lzj2504476514
关注
专栏目录
深入理解ES6之函数的箭头函数、不定参数、尾调用等
qq_41898300的博客
07-30 1343
函数是所有编程语言的重要组成部分。 深入理解ES6之函数章节函数形参的默认值处理无命名参数明确函数的多重用途箭头函数尾调用优化 函数形参的默认值 在ES5中模拟默认参数。 <script> function makeRequest(url,timeout,callback){ timeout = timeout || 2000; callback = callback || function(){} // 函数其余部分 } </script> 这
javascript 箭头函数获取参数列表
Novice-XiaoSong的博客
10-31 2361
箭头函数中无法使用 arguments 获取函数参数。 可以使用ES6的解构语法来代替。 let func = (...args) => { console.log('函数的参数是：', args); } func(1, 2, 3); // 函数的参数是： [1, 2, 3]
--箭头函数--
cjx177187的博客
07-12 400
定义式：不是声明式都算定义式没有var function的都是定义式箭头函数：var fn=(a,b)=>{return a+b}没有function多一个箭头。与其他函数的区别： 箭头函数的this不再是谁调用就指向谁，箭头函数的this指向是，离他最近的嵌套的function的调用者，知道顶层都没有，就是window. 举例： 如果箭头函数的执行体只有一个表达式，就是返回值，那麽可以省略大括号。 如果箭头函数的形参只有一个，那麽还可以省略小括号。{没有形参，两个以上的形参都不能省}
深入浅出 JavaScript 箭头函数：简洁、灵活、强大的函数表达方式
weixin_63490470的博客
08-15 1332
箭头函数是 ES6 中引入的一种新的函数语法，它提供了一种更加简洁、灵活、强大的函数表达方式，可以简化代码，提高代码可读性，并带来一些独特的特性。希望本文能够帮助您更好地理解和应用箭头函数，提升您的 JavaScript 开发效率。
箭头函数以及函数参数
G_1227的博客
12-14 1606
箭头函数以及函数参数 箭头函数 写法 ES5: var show = function(){ console.log('es5') } ES6箭头函数： let show = ()=>{ console.log('es5'); } 唯且仅有只有一个参数的时候（）可以省略 let show = a => { console....
ES6箭头函数详解
ZhShy
10-18 906
箭头函数引用了父级的变量词法作用域就是一个变量的作用在定义的时候就已经被定义好，当在本作用域中找不到变量，就会一直向父作用域中查找，直到找到为止。箭头函数在运行时会首先到父作用域寻找 this 值，如果父作用域还是箭头函数，则接着向上找，直到找到 this 指向。箭头函数既没有自己的 this ，也没有 arguments ，如果获取到则是来自于父作用域的。如果箭头函数的函数体只有一句代码，可以省去函数体的大括号。如果箭头函数的参数只有一个，也可以省去包裹参数的括号。如果箭头函数有作用域，则应该输出。
箭头函数
weixin_43750162的博客
08-21 180
箭头函数 function foo(){ console.log('hello')； } foo();//hello let foo1=()=>console.log('hello'); foo1();//hello 带有参数以及返回值的箭头函数定义 function foo(num){ return num };//hello //let foo=参数=>返回值 l...
js代码-JS中各式各样的函数 3种定义形式 1种调用 箭头函数的参数括号、方法体括号、返回值
07-16
// 单个参数的箭头函数，括号可选 const oneParam = (param) => { // 函数体 }; // 多个参数的箭头函数，需要括号 const multiParams = (param1, param2) => { // 函数体 }; // 直接返回表达式的箭头函数，无需...
JavaScript中的函数申明、函数表达式、箭头函数
10-15
- 箭头函数没有`arguments`对象，但可以使用剩余参数(`...args`)来获取传入的所有参数。 箭头函数可以用于创建简单的回调或匿名函数，同时保持代码简洁。例如，返回对象时，可以这样写： ```javascript const ...
ECMAScript6的新特性箭头函数（Arrow Function）详细介绍
09-04
但可以通过剩余参数语法（如`...args`）来捕获所有参数，或者使用`Array.from()`或`Array.prototype.slice.call()`来获取参数数组。 箭头函数的语法非常直观： - 当只有一个参数时，可以省略参数周围的括号。 - ...
JavaScript-函数 箭头函数 对象
李桥桉的博客
03-31 445
当箭头函数主体代码只有一句return 语句时，可以省略。
JavaScript进阶-函数（参数，箭头函数）
qq_52031408的博客
09-09 782
JavaScript，函数提升，动态参数，剩余参数，箭头函数！！！
关于箭头函数里面arguments和this的问题
qq_45153972的博客
01-15 690
关于箭头函数里面arguments和this的问题
箭头函数和rest参数
whilewhite的博客
09-29 2624
箭头函数 基本用法 ES6 允许使用“箭头”（=&gt;）定义函数。 var f = v =&gt; v; // 等同于var f = function (v) {   return v;}; rest 参数 ES6 引入 rest 参数（形式为...变量名），用于获取函数的多余参数，这样就不需要使用arguments对象了。rest 参数搭配的变量是一个数组，该变量将多余的参数放...
ECMAScript6（ES6）标准之函数扩展特性箭头函数、Rest参数及展开操作符
尐轩web前端网络日志
12-24 5769
ES6扩展了很多语法糖语法 其中对于函数我们又可以使用一种叫做“箭头函数”的写法 同时引入了Rest参数 利用“…”可以获取多余参数 这样就我们就不要使用arguments对象了函数默认参数ES6没有出现之前 面对默认参数会让很多人感到痛苦 大家会采用各种hack 比如：arr = arr || [] 现在要容易得多function foo(name = 'payen'){
箭头函数=()=＞
lpf11214的博客
07-02 564
ES6中允许使用箭头来定义箭头函数
JS：函数中的arguments
elevenhope的博客
02-10 1967
一、什么是arguments 函数内部有一个特殊的对象叫arguments，里面包含了传递给函数的每个参数。 1.可以使用arguments.length检测函数的参数个数 function food() { console.log(arguments.length) } food("鱼", "菜") // 2 food("鱼", "菜", "饭") // 3 2.可以通过下标（arguments[index]）来访问参数和修改参数 function food() { console.l
面试 -箭头函数为什么没有arguments
qq_40137978的博客
03-20 400
并且连 this、super、new.target 都没有自己的，全都来自父作用域。你会在箭头函数里得到 args: [1, 2, 3, 4]，它来自于其父作用域。另外，在严格模式下也不允许使用 arguments。
vue3箭头函数获取返回值
最新发布
09-20
在 Vue3 中，箭头函数（Arrow Functions）可以非常简洁地定义回调函数，并且它们的 `this` 指向通常更直观。当你需要在模板中或者数据处理函数中获取箭头函数的结果时，只需要按照常规 JavaScript 的语法编写即可。 例如，假设你有一个计算属性，你可以这样定义： ```html <template> <div>{{ multiplyNumbers(2, 3) }}</div> </template> <script setup> import { ref } from 'vue'; const multiplyNumbers = (num1, num2) => { return num1 * num2; }; </script> ``` 在这个例子中，`multiplyNumbers` 就是一个箭头函数，它接受两个参数并返回它们的乘积。在模板中，`{{ multiplyNumbers(2, 3) }}`会显示6，因为这是该函数的返回值。 如果你需要将结果绑定到一个变量上： ```html <template> <div>{{ result }}</div> </template> <script setup> import { ref } from 'vue'; const multiplyNumbers = (num1, num2) => num1 * num2; const result = ref(multiplyNumbers(2, 3)); </script> ``` 在这里，`result` 是一个响应式变量，它的值就是 `multiplyNumbers` 函数的返回值。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值