分类

商品

商品

店铺

资讯

热门搜索 : WordPress 织梦企业官网小说源码 Discuz

服务器低至9.9￥/月

当前位置：首页 > 资讯 > 网页前端 > JS

JS ES6语法糖

时间：2018-06-06 01:45 作者：沈阳大王来源：沈阳大王阅读：307
扫一扫，手机访问

摘要：javascript ES6语法糖：函数…省略号参数1. 语法function(a, b, ...theArgs) {// ...}假如一个函数的最后一个形参是以 … 为前缀的，则在函数被调使用时,该形参会成为一个数组,数组中的元素都是传递给该函数的多出来的实参的值。在上例中，theArgs 会包含

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

全部评论(0)

上一篇：尚学堂百战程序员之js中常使用判断及函数
下一篇：js系列入门:程序流程图

最新发布的资讯信息
【系统环境|windows】Axios 取消重复请求(2020-11-08 07:00)
【系统环境|windows】熬了一晚上，小白用Python写了一个股票提示系统(2020-11-08 07:00)
【系统环境|windows】2020要想成为一名专业的web前台开发程序员，需要学习什么？(2020-11-08 06:35)
【系统环境|windows】前台面试每日 3+1 —— 第546天(2020-11-08 06:34)
【系统环境|windows】聊聊前台工程师的职业发展（纯干货）(2020-11-08 06:34)
【系统环境|windows】浅谈OAuth 2.0基本原理(2020-11-08 06:34)
【系统环境|windows】程序员初入职场避坑指南(2020-11-08 06:34)
【系统环境|windows】python的绘图利器--海龟绘图turtle(2020-11-08 06:33)
【系统环境|windows】pyinstaller打包结果瘦身(2020-11-08 06:33)
【系统环境|windows】前台面试每日 3+1 —— 第518天(2020-11-08 06:33)

微分网络

店铺

血鸟云

推荐商品

资讯排行榜
更多>>

手机访问领取大礼包