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)
最新发布的资讯信息
【系统环境|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)
手机二维码手机访问领取大礼包
返回顶部