JS ES6语法糖

作者 : 开心源码 本文共672个字,预计阅读时间需要2分钟 发布时间: 2022-05-11 共54人阅读

javascript ES6语法糖:函数…省略号参数

JS ES6语法糖

1. 语法

function(a, b, …theArgs) {

// …}

假如一个函数的最后一个形参是以 … 为前缀的,则在函数被调使用时,该形参会成为一个数组,数组中的元素都是传递给该函数的多出来的实参的值。

在上例中,theArgs 会包含传递给函数的从第三个实参开始到最后所有的实参 (第一个实参映射到 a, 第二个实参映射到 b)。

基本参考:

https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Functions/Rest_parameters

2. 重点

说下...在函数调使用时,加与不加什么区别?

下面例子用typescript实现,需要安装:

npm install -g typescript

Babel也支持ES6新特性,并转成浏览器兼容的语法。

例子:

function fun(p1: string, …args) {

console.log(“len = %d”, args.length);}fun(“hello”, …[1,2,3]); // len = 3fun(“hello”, [1,2,3]); // len = 1,当做数组对象

2.1 保存为test.ts,typescript转成js

tsc –outFile test.js test.ts

2.2 查看测试结果:

nodejs test.js

...是当做3个参数(reset parameter),不加只是作为1个数组参数。

藏经阁:http://www.yinqisen.cn/blog-736.html

说明
1. 本站所有资源来源于用户上传和网络,如有侵权请邮件联系站长!
2. 分享目的仅供大家学习和交流,您必须在下载后24小时内删除!
3. 不得使用于非法商业用途,不得违反国家法律。否则后果自负!
4. 本站提供的源码、模板、插件等等其他资源,都不包含技术服务请大家谅解!
5. 如有链接无法下载、失效或广告,请联系管理员处理!
6. 本站资源售价只是摆设,本站源码仅提供给会员学习使用!
7. 如遇到加密压缩包,请使用360解压,如遇到无法解压的请联系管理员
开心源码网 » JS ES6语法糖

发表回复