第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定

【金秋打卡】第12天剩余參數(shù)

標(biāo)簽:
前端工具

一、课程名称:前端工程师2022版

二、课程章节:剩余参数与展开运算符

三、课程讲师:Alex

四、课程内容

1、剩余参数是什么

(1)认识剩余参数

当碰见不知道需要传入多少数量参数的函数时,可以考虑剩余参数,具体格式如const add = (x,y,z,...args) => {};,其中,x、y、z表示固定参数,后面跟着的一部分就是剩余参数了,英文的省略号+参数命名,参数命名只要是合法标识符就可以,最好还是有语义一些,需要注意的是,剩余参数只有在定义时需要加上三个点,一般打印等操作是不需要加三个点的

(2)剩余参数的本质

剩余的参数归它管,剩余参数永远是个数组,即使没有值,也是空数组


2、剩余参数的注意事项

(1)箭头函数的剩余参数:箭头函数的参数部分即使只有一个剩余参数,也不能省略圆括号,如const add = (...args) => {};

(2)使用剩余参数替代arguments获取实际参数,const add = (...args) =>{console.log(args); } add(1,2);

 https://img3.sycdn.imooc.com/636316d900010a2c03550200.jpg

(3)剩余参数的位置:剩余参数只能是最后一个参数,之后不能再有其他参数,否则会报错

https://img1.sycdn.imooc.com/636316ec00017b4803650205.jpg


3、剩余参数的应用(重点)

(1)完成add函数

const add = (...args) => {

        let sum = 0;

        for (let i = 0; i < args.length; i++) {

          sum += args[i];

        }

        return sum;

      };

console.log(add()); //0

console.log(add(1, 2, 3)); //6

 // 方法2:使用reduce方法,计算数组元素相加后的总和:

(2)剩余参数与解构赋值结合使用:剩余参数不一定非要作为函数参数使用,但必须满足是最后一个的条件

const [num, ...args] = [1, 2, 3, 4];

      console.log(num, args); //1 (3) [2, 3, 4]

      // 与函数的解构赋值

      const func = ([num, ...args]) => {};

      func([1, 2, 3]);

      // 与对象的解构赋值,此时的剩余参数不再是数组形式,叫剩余元素更加贴切

      const { x, y, ...z } = { a: 3, x: 1, y: 2, b: 4 };

      console.log(x, y, z); //1 2 {a: 3, b: 4}

      // 对象的解构赋值可以放到函数中

      const fun = ({ x, y, ...z }) => {};

      fun({ a: 3, x: 1, y: 2, b: 4 });

五、课程心得

剩余参数有很大的作用,它就像一个收纳盒,专门接收末尾的剩余参数并管理它们,方便我们进行封装函数等操作,今天真是收获满满。


點(diǎn)擊查看更多內(nèi)容
TA 點(diǎn)贊

若覺得本文不錯(cuò),就分享一下吧!

評(píng)論

作者其他優(yōu)質(zhì)文章

正在加載中
  • 推薦
  • 評(píng)論
  • 收藏
  • 共同學(xué)習(xí),寫下你的評(píng)論
感謝您的支持,我會(huì)繼續(xù)努力的~
掃碼打賞,你說(shuō)多少就多少
贊賞金額會(huì)直接到老師賬戶
支付方式
打開微信掃一掃,即可進(jìn)行掃碼打賞哦
今天注冊(cè)有機(jī)會(huì)得

100積分直接送

付費(fèi)專欄免費(fèi)學(xué)

大額優(yōu)惠券免費(fèi)領(lǐng)

立即參與 放棄機(jī)會(huì)
微信客服

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)

舉報(bào)

0/150
提交
取消