ES6的函数优化

淩亂°似流年 2021-07-24 18:20 316阅读 0赞

# 一 实战 #

<!DOCTYPE html>
    <html lang="en">
    
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Document</title>
    </head>
    
    <body>
        <script>
            /* 参数默认值 */
            // 在ES6以前，我们无法给一个函数参数设置默认值，只能采用变通写法；现在可以直接给参数写上默认值，没传就会自动使用默认值
            // 在ES6以前，我们无法给一个函数参数设置默认值，只能采用变通写法：
            function add(a, b) {
                // 判断b是否为空，为空就给默认值1
                b = b || 1;
                return a + b;
            }
            // 传一个参数
            console.log(add(10));
    
            // 现在可以这么写：直接给参数写上默认值，没传就会自动使用默认值
            function add2(a, b = 1) {
                return a + b;
            }
            console.log(add2(20));
    
            /* 不定参数 */
            function fun(...values) {
                console.log(values.length)
            }
            fun(1, 2)      //2
            fun(1, 2, 3, 4)  //4
    
    
            /* 箭头函数 */
            let print = obj => console.log(obj);
            print("hello");
    
            // 箭头函数 + 解构
            const person = {
                name: "jack",
                age: 21,
                language: ['java', 'js', 'css']
            }
            // 将person中的name解构到name中
            let hello2 = ({ name }) => console.log("hello," + name);
            hello2(person);
        </script>
    </body>
    
    </html>

# 二 测试 #

![20201018123121970.png][]

[20201018123121970.png]: /images/20210724/2c59790b6c0b423ba38515c6fb87a269.png

发表评论取消回复

表情：

评论列表（有 0 条评论，316人围观）

还没有评论，来说两句吧...

相关阅读

相关 es6 函数的扩展

函数参数: 显式参数(parameters)和隐式参数(arguments) 函数的显式参数在函数定义时列出函数隐式参数在函数调用时传递给函数真正的值参数规则:

桃扇骨/ 2023年07月07日 12:59/ 0 赞/ 21 阅读

相关 ES6-函数的扩展

ES6对函数的扩展总要将两件事，一个是函数的参数，一个是箭头函数，这两点扩展为JS代码编写来说是两个大大的惊喜，未来我们会经常用到这两个新特性。 ES6中函数的参数与

我会带着你远行/ 2023年06月06日 10:39/ 0 赞/ 28 阅读

相关 ES6 —— 函数的扩展

一、函数的扩展 1. 函数参数的默认值 ① 基本用法 > 1. ES6允许为函数的参数设置默认值，即直接写在参数定义的后面 function f

「爱情、让人受尽委屈。」/ 2023年05月31日 07:03/ 0 赞/ 17 阅读

相关谷粒商城24 - 前端基础 ES6 函数优化(箭头函数)

文章目录参数默认值不定参数箭头函数函数只传递一个参数的情况

Myth丶恋晨/ 2023年03月02日 10:22/ 0 赞/ 24 阅读

相关 ES6的箭头函数

![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAbGl1bGFuZzY4_

Bertha 。/ 2022年09月09日 10:57/ 0 赞/ 222 阅读

相关 es6 函数的扩展

函数的扩展传统函数参数默认值 es6函数参数默认值 rest 参数箭头函数

水深无声/ 2022年01月31日 11:53/ 0 赞/ 322 阅读

相关 ES6 Symbol函数

一.Symbol 1.什么是Symbol？它是 JavaScript 语言的第七种数据类型，前六种是：undefined、null、布尔值（Boolean）、字符

绝地灬酷狼/ 2021年09月15日 06:06/ 0 赞/ 369 阅读

相关 ES6--async函数

async async 是 ES7 才有的与异步操作有关的关键字，和 Promise ， Generator 有很大关联的。语法 async functi

比眉伴天荒/ 2021年08月13日 14:12/ 0 赞/ 421 阅读

相关 ES6对象优化

一点睛扩展运算符（ spread ）是三个点（...）。它将一个数组或对象转为用逗号分隔的参数序列。二实战 <!DOCTYPE html>

不念不忘少年蓝@/ 2021年07月24日 18:25/ 0 赞/ 432 阅读

相关 ES6的函数优化

一实战 <!DOCTYPE html> <html lang="en"> <head> <meta charset="

淩亂°似流年/ 2021年07月24日 18:20/ 0 赞/ 317 阅读