首页 > 其他分享 >ES6之函数参数默认值

ES6之函数参数默认值

时间:2022-11-18 22:56:47浏览次数:57  
标签:username ES6 console log 函数参数 host 默认值

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>函数参数默认值</title>
</head>
<body>
    <script>
        //ES6 允许给函数参数赋值初始值
        //1. 形参初始值 具有默认值的参数, 一般位置要靠后(潜规则)
        // function add(a,c=10,b) {
        //     return a + b + c;
        // }
        // let result = add(1,2);
        // console.log(result);

        //2. 与解构赋值结合  还可以给默认值,如果host不传值,那么默认:127.0.0.1
        function connect({host="127.0.0.1", username,password, port}){
            console.log(host)
            console.log(username)
            console.log(password)
            console.log(port)
        }
        connect({
            host: 'atguigu.com',
            username: 'root',
            password: 'root',
            port: 3306
        })
    </script>
</body>
</html>

 

标签:username,ES6,console,log,函数参数,host,默认值
From: https://www.cnblogs.com/anjingdian/p/16905182.html

相关文章

  • ES6之箭头函数
    <!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><title>箭头......
  • 【select 语句】 into outfile 【导出文件名 】【导出参数】fields terminated by 'st
    【导出参数】fieldsterminatedby'str':设置字段之间的分隔符,默认值是"\t"。fieldsenclosedby'char':设置包括住字段的值的符号,如单引号、双引号等,默认情况下不使用......
  • ES6 模块化
    一、htmlscript标签要声明 type='module' 1<scripttype="module">2importbehaviors,{cat,dog}from"./animals";3console.log(behaviors,cat......
  • Vector底层逻辑 (ArrayList和Vector区别:ArrayList不安全,效率高 默认值为0需要 1.第一次
      (ArrayList和Vector区别:ArrayList不安全,效率高默认值为0需要1.第一次扩容为102.第二次为1.5倍 .Vector安全效率不高默认值为10不需要开始就去扩容直接赋值,满后......
  • ES6之模板字符串
    <!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><title>模板......
  • ES6之简化对象写法
    <!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><title>简化......
  • ES6使用let实现变量的解构赋值
    <!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><title>变量......
  • ES6之const
    <!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><title>const......
  • Javascript(笔记40) - ES6特性 - Map
    Javascript(笔记40)-ES6特性-MapMap ES6 提供了Map数据结构。它类似于对象,也是键值对集合。但是“键”的范围不限于字符串,各种类型的值(包括对象)都可以当作键。Map也实......
  • Javascript(笔记39) - ES6特性 - 集合Set
    SETES6 提供了新的数据结构set(集合)。集合类似于数组,但成员的值都是唯一的,集合实现iterator 接口,所以可以使用“扩展运算符”和“for...of”进行遍历,集合的属性和方法......