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


目录
相关文章
js开发:请解释什么是ES6的箭头函数,以及它与传统函数的区别。
ES6的箭头函数以`=>`定义,简化了函数写法,具有简洁语法和词法作用域的`this`。它无`arguments`对象,不能用作构造函数,不支持`Generator`,且不改变`this`、`super`、`new.target`绑定。适用于简短表达式,常用于异步编程和高阶函数。
63 5
ES6 中箭头函数和普通函数区别
【10月更文挑战第19天】这些仅是对箭头函数和普通函数区别的一些主要方面进行的详细阐述,实际应用中可能还会有更多具体的细节和情况需要进一步探讨和理解。可以根据自己的需求进一步深入研究和实践,以更好地掌握它们在不同场景下的应用。
162 57
ES6+ 特性,箭头函数、解构赋值、模块导入
ES6+ 特性,箭头函数、解构赋值、模块导入
ES6学习(4)箭头函数
ES6学习(4)箭头函数
扩展运算符详细使用方法
扩展运算符详细使用方法
99 2
|
12月前
在ES6中,箭头函数可以像传统函数一样使用`this`吗?
在ES6中,箭头函数可以像传统函数一样使用`this`吗?
54 1
JavaScript开发中ES6+新特性:解释箭头函数的作用以及它与普通函数的区别。
JavaScript开发中ES6+新特性:解释箭头函数的作用以及它与普通函数的区别。
112 1
ES6中的箭头函数及其使用场景
ES6 (ECMAScript 2015) 引入了许多新特性,其中之一就是箭头函数。箭头函数是一种更加简洁和便捷的函数定义方式,本文将详细介绍 ES6 中的箭头函数,并探讨其适用场景及注意事项。
186 0
ES6 从入门到精通 # 06:箭头函数 this 指向和注意事项
ES6 从入门到精通 # 06:箭头函数 this 指向和注意事项
159 0
ES6 从入门到精通 # 06:箭头函数 this 指向和注意事项

热门文章

最新文章

AI助理

你好,我是AI助理

可以解答问题、推荐解决方案等