ES6 从入门到精通 # 05:函数之扩展运算符、箭头函数

简介: ES6 从入门到精通 # 05:函数之扩展运算符、箭头函数

说明

ES6 从入门到精通系列(全23讲)学习笔记。



扩展运算符

const arr = [1,2,3,4,66,8,9];
const maxNum = Math.max.apply(null, arr);
console.log(maxNum);

5b143747e68944a48d06aa738ad0cd43.png



es6 利用拓展运算符实现数组取最大值

const arr = [1,2,3,4,66,8,9];
const maxNum = Math.max(...arr);
console.log(maxNum);

02f7b2a0c5174f8c9ea262d124c1da5f.png




箭头函数

使用 => 来定义,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));

5d5e9a63c43449f58803b2d5adaa8638.png


返回对象:

let getObj = (val) => {
  return {
    name: "kaimo",
    value: val
  };
}
let getObj2 = (val) => ({name: "kaimo", value: val});
console.log(getObj(313));
console.log(getObj2(666));


5d165101a37449e994ad8de7fa208ea7.png


闭包函数:

let fn = (function() {
  return function() {
    console.log("hello es6");
  }
})();
let fn2 = (() => {
  return () => {
    console.log("hello es6 2");
  }
})();
console.log(fn());
console.log(fn2());


802306a7b3004a0fbad8326ef2443526.png


目录
相关文章
|
6天前
|
自然语言处理 JavaScript 网络架构
js开发:请解释什么是ES6的箭头函数,以及它与传统函数的区别。
ES6的箭头函数以`=>`定义,简化了函数写法,具有简洁语法和词法作用域的`this`。它无`arguments`对象,不能用作构造函数,不支持`Generator`,且不改变`this`、`super`、`new.target`绑定。适用于简短表达式,常用于异步编程和高阶函数。
21 5
|
6天前
|
JavaScript 前端开发
扩展运算符详细使用方法
扩展运算符详细使用方法
17 2
|
6天前
|
JavaScript
js开发:请解释什么是ES6的扩展运算符(spread operator),并给出一个示例。
ES6的扩展运算符(...)用于可迭代对象展开,如数组和对象。在数组中,它能将一个数组的元素合并到另一个数组。例如:`[1, 2, 3, 4, 5]`。在对象中,它用于复制并合并属性,如`{a: 1, b: 2, c: 3}`。
13 3
|
6天前
|
网络架构
ES6箭头函数的特性
ES6箭头函数的特性
|
6天前
|
小程序
es6学习笔记(四)箭头函数
es6学习笔记(四)箭头函数
|
6天前
|
自然语言处理 前端开发 安全
【面试题】ES6语法五之箭头函数
【面试题】ES6语法五之箭头函数
|
6天前
|
JavaScript 前端开发 网络架构
JavaScript开发中ES6+新特性:解释箭头函数的作用以及它与普通函数的区别。
JavaScript开发中ES6+新特性:解释箭头函数的作用以及它与普通函数的区别。
44 1
|
6月前
|
前端开发
ES6系列笔记-箭头函数
ES6系列笔记-箭头函数
18 1
|
10月前
|
自然语言处理 JavaScript
ES6中的箭头函数及其使用场景
ES6 (ECMAScript 2015) 引入了许多新特性,其中之一就是箭头函数。箭头函数是一种更加简洁和便捷的函数定义方式,本文将详细介绍 ES6 中的箭头函数,并探讨其适用场景及注意事项。
【ES6】模板字符串、简化对象写法、箭头函数
【ES6】模板字符串、简化对象写法、箭头函数
62 0