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


目录
相关文章
|
7月前
|
自然语言处理 JavaScript 网络架构
js开发:请解释什么是ES6的箭头函数,以及它与传统函数的区别。
ES6的箭头函数以`=>`定义,简化了函数写法,具有简洁语法和词法作用域的`this`。它无`arguments`对象,不能用作构造函数,不支持`Generator`,且不改变`this`、`super`、`new.target`绑定。适用于简短表达式,常用于异步编程和高阶函数。
45 5
|
1月前
|
自然语言处理
ES6 中箭头函数和普通函数区别
【10月更文挑战第19天】这些仅是对箭头函数和普通函数区别的一些主要方面进行的详细阐述,实际应用中可能还会有更多具体的细节和情况需要进一步探讨和理解。可以根据自己的需求进一步深入研究和实践,以更好地掌握它们在不同场景下的应用。
36 2
|
7月前
|
JavaScript 前端开发
扩展运算符详细使用方法
扩展运算符详细使用方法
56 2
|
7月前
|
JavaScript
js开发:请解释什么是ES6的扩展运算符(spread operator),并给出一个示例。
ES6的扩展运算符(...)用于可迭代对象展开,如数组和对象。在数组中,它能将一个数组的元素合并到另一个数组。例如:`[1, 2, 3, 4, 5]`。在对象中,它用于复制并合并属性,如`{a: 1, b: 2, c: 3}`。
50 3
|
7月前
在ES6中,箭头函数可以像传统函数一样使用`this`吗?
在ES6中,箭头函数可以像传统函数一样使用`this`吗?
34 1
|
7月前
|
网络架构
ES6箭头函数的特性
ES6箭头函数的特性
|
7月前
|
JavaScript 前端开发 网络架构
JavaScript开发中ES6+新特性:解释箭头函数的作用以及它与普通函数的区别。
JavaScript开发中ES6+新特性:解释箭头函数的作用以及它与普通函数的区别。
76 1
|
7月前
|
自然语言处理 前端开发 安全
【面试题】ES6语法五之箭头函数
【面试题】ES6语法五之箭头函数
|
自然语言处理 JavaScript
ES6中的箭头函数及其使用场景
ES6 (ECMAScript 2015) 引入了许多新特性,其中之一就是箭头函数。箭头函数是一种更加简洁和便捷的函数定义方式,本文将详细介绍 ES6 中的箭头函数,并探讨其适用场景及注意事项。
134 0
|
JavaScript
ES6 从入门到精通 # 06:箭头函数 this 指向和注意事项
ES6 从入门到精通 # 06:箭头函数 this 指向和注意事项
122 0
ES6 从入门到精通 # 06:箭头函数 this 指向和注意事项