【深入理解JS核心技术】14. 什么是一元函数

一元函数（即monadic）是一个只接受一个参数的函数。它代表函数接受的单个参数。

const unaryFunction = (a) => console.log(a + 10); // Add 10 to the given argument and display the value
复制代码

参数扩展与收集

ECMAScript 6 新增了扩展操作符，使用它可以非常简洁地操作和组合集合数据。扩展操作符最有用的场景就是函数定义中的参数列表，在这里它可以充分利用这门语言的弱类型及参数长度可变的特点。扩展操作符既可以用于调用函数时传参，也可以用于定义函数参数。

扩展参数

function getProduct(a, b, c = 1) { return a * b * c;
} let getSum = (a, b, c = 0) => { return a + b + c;
} console.log(getProduct(...[1,2])); // 2
console.log(getProduct(...[1,2,3])); // 6
console.log(getProduct(...[1,2,3,4])); // 6 console.log(getSum(...[0,1])); // 1
console.log(getSum(...[0,1,2])); // 3
console.log(getSum(...[0,1,2,3])); // 3
复制代码

收集参数

在构思函数定义时，可以使用扩展操作法把不同长度的独立参数组合为一个数组。

function getSum(...values) {// 顺序累加values中的所有值// 初始值的总和为0return values.reduce((x,y) => x + y, 0);
}
console.log(getSum(1,2,3)); // 6
复制代码

// 不可以
function getProduct(...values, lastValue) {} // 可以
function ignoreFirst(firstValue, ...values) { console.log(values);
} ignoreFirst(); // []
ignoreFirst(1); // []
ignoreFirst(1,2); // [2]
ignoreFirst(1,2,3); // [2, 3]
复制代码

let getSum = (...values) => { return values.reduce((x, y) => x + y, 0);
} console.log(getSum(1,2,3)); // 6
复制代码

function getSum(...values) { console.log(arguments.length); // 3 console.log(arguments); // [1, 2, 3] console.log(values); // [1, 2, 3]
} console.log(getSum(1,2,3));
复制代码

未完结！更多内容尽情期待下一节~

【深入理解JS核心技术】欢迎各位观众老爷，求点赞，求关注，求转发~

低调务实优秀中国好青年 (简介) && 附加答案

中文 | English

一个 ☝️ 正经的前端学习 开源仓库，养成一个好习惯，遇见更好的自己。一个人可能走得更快，但一群人会走得更远。（非常口语化的，手写总结）

欢迎大家前来讨论，如果觉得对你的学习有一定的帮助，欢迎点个Star （此仓库每天都会准时更新）

【深入理解JS核心技术】14. 什么是一元函数相关推荐

【深入理解JS核心技术】2. 什么是原型链？
原型链是用于在现有对象的基础上构建新类型的对象.它类似于基于类的语言中的继承. 对象实例的原型可以通过 Obeject.getPrototypeOf(object) 或 proto 属性获得,而构造函 ...
简单粗暴地理解js原型链–js面向对象编程
简单粗暴地理解js原型链–js面向对象编程作者:茄果链接:http://www.cnblogs.com/qieguo/archive/2016/05/03/5451626.html 原型链理解起来 ...
《Java工程师成神之路》深入理解Java核心技术（基础篇）
学习目标: 深入理解Java核心技术(基础篇) 学习内容: 1.面向对象的五大基本原则 (1)单一职责原则:一个类应该有且只有一个去改变它的理由,这意味着一个类应该只有一项工作. (2)开放封闭原则: ...
彻底理解js中this
相关博文:http://blog.csdn.net/libin_1/article/details/49996815 彻底理解js中this的指向,不必硬背. 首先必须要说的是,this的指向在函数定 ...
深入理解js的执行机制
写在前面 javascript在浏览器中被浏览器的js引擎执行解释,从执行上下文的角度分析一下js的执行机制执行上下文执行上下文被定义成javascript引擎在处理理解js代码时,所创建的一个动 ...
【学习笔记】深入理解js原型和闭包（5）——instanceof
又介绍一个老朋友--instanceof. 对于值类型,你可以通过typeof判断,string/number/boolean都很清楚,但是typeof在判断到引用类型的时候,返回值只有object/ ...
简单理解js闭包、类型引用....第一章
js 闭包函数.类型引用.this指向.对象原型链...这些东西让我们对js又爱又恨!js虐我千百遍,我待js如初恋. 很多初学者一开始会觉得这些概念没什么用,导致对这些东西产生一种抵抗力.接下来我们 ...
理解js中this的指向
彻底理解js中this的指向 JavaScript 的 this 指向问题深度解析转载于:https://www.cnblogs.com/jeacy/p/6509616.html
深入理解js系列一作用域是什么
title: 深入理解js系列一作用域是什么? date: 2018-02-06 02:15:59 tags: 深入理解js系列作用域 categories: JavaScript 作用域是什么? ...
【学习笔记】深入理解js原型和闭包（11）——执行上下文栈
继续上文的内容. 执行全局代码时,会产生一个执行上下文环境,每次调用函数都又会产生执行上下文环境.当函数调用完成时,这个上下文环境以及其中的数据都会被消除,再重新回到全局上下文环境.处于活动状态的执行 ...

【深入理解JS核心技术】14. 什么是一元函数

参数扩展与收集

低调务实优秀中国好青年 (简介) && 附加答案

【深入理解JS核心技术】14. 什么是一元函数相关推荐

最新文章

热门文章