首页 > 其他分享 >ES6-ES11 函数参数的默认值设置

ES6-ES11 函数参数的默认值设置

时间:2023-02-26 21:56:18浏览次数:30  
标签:username ES6 console log 函数参数 默认值 port

<!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. 与解构赋值结合
        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,函数参数,默认值,port
From: https://www.cnblogs.com/chuixulvcao/p/17157850.html

相关文章

  • ES6-ES11 rest参数
    <!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><title>rest参......
  • ES6中的class对象和它的家人们
    在ES6中新增了一个很重要的特性:class(类)。作为一个在2015年就出了的特性,相信很多小伙伴对class并不陌生。但是在日常开发中使用class的频率感觉并不高(可能仅限于作者),感觉......
  • babel对ES6的模块化代码转换
    1安装工具babel-clibabel-preset-envbrowserify(webpack).babelrc配置{presets":["babel-preset-env"]2npxbabelsrc/js-ddist/js3打包npxbrowserifydist/js/app......
  • ES6之导入NPM包
    NPM和模块化结合使用 ​​前提是要先安装node.js​​如果在vscode的终端中一直不成功的话,可以在cmd里,以管理员身份来安装jquery:  使用方法://修改背景颜色为粉色//ES6......
  • ES6模块化 export
    模块化模块化是指将一个大的程序文件,拆分成许多小的文件,然后将小文件组合起来。模块化的好处模块化的优势有以下几点:1.防止命名冲突2.代码复用3.高维护性   export是暴......
  • ES6的对象方法扩展
     Object.assign对象的合并<script>//Object.assign对象的合并constconfig1={host:'localhost',port:3306,......
  • 二维数组的声明及其作为函数参数的方式
    ◆概要本文以3行2列的二维数组为例,介绍了如何声明自动存储、静态存储和动态存储的二维数组,及其如何将它们作为函数参数进行传递的方式。◆实现处理自动存储或静态......
  • ES6 简单笔记
      https://www.youtube.com/watch?v=qjHNdaf3cpE&list=PLCRqr1mERvdJ0IZMD1U4oSB7k0gyAjyIx&index=2  ES6是第6版,正式名称为ECMAScript2015,于2015年6月完成。ES6......
  • es6对象内嵌套数组解构
    解构前解构后......
  • ES6-ES11 箭头函数的实践与应用
    视频<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><title>......