提供了编程的基础技术教程

zl程序教程

您现在的位置是：首页 >  其他

当前栏目

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

入门
2023-03-14 22:57:29 时间

说明

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


相关文章