ES6 从入门到精通 # 05:函数之扩展运算符箭头函数
Posted 凯小默
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了ES6 从入门到精通 # 05:函数之扩展运算符箭头函数相关的知识,希望对你有一定的参考价值。
说明
ES6 从入门到精通系列(全23讲)学习笔记。
扩展运算符
- 剩余运算符:把多个独立的参数合并到一个数组中
- 扩展运算符:将一个数组分割,并将各个项作为分离的参数传递给函数
es5 利用 apply 实现数组取最大值
const arr = [1,2,3,4,66,8,9];
const maxNum = Math.max.apply(null, arr);
console.log(maxNum);
es6 利用拓展运算符实现数组取最大值
const arr = [1,2,3,4,66,8,9];
const maxNum = Math.max(...arr);
console.log(maxNum);
箭头函数
使用 =>
来定义,function()
等于 () =>
let add = function (a, b)
return a + b;
let add2 = (a, b) =>
return a + b;
let add3 = (a, b) => a + b;
console.log(add(1, 2));
console.log(add2(1, 2));
console.log(add3(1, 2));
返回对象:
let getObj = (val) =>
return
name: "kaimo",
value: val
;
let getObj2 = (val) => (name: "kaimo", value: val);
console.log(getObj(313));
console.log(getObj2(666));
闭包函数:
let fn = (function()
return function()
console.log("hello es6");
)();
let fn2 = (() =>
return () =>
console.log("hello es6 2");
)();
console.log(fn());
console.log(fn2());
以上是关于ES6 从入门到精通 # 05:函数之扩展运算符箭头函数的主要内容,如果未能解决你的问题,请参考以下文章