es9拓展运算符

最新推荐文章于 2025-11-13 20:16:53 发布

原创最新推荐文章于 2025-11-13 20:16:53 发布 · 284 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #vue.js #前端

es6-es11 专栏收录该内容

16 篇文章

订阅专栏

这篇博客探讨了JavaScript中的函数fs和fs1，展示了如何使用对象解构传递参数。fs函数接收host、port、name和password四个参数并打印，而fs1函数利用剩余参数语法将后续参数聚合到user对象中。此外，还演示了如何使用扩展运算符合并两个对象Q和W，创建新的SK对象。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<script type="text/javascript">
   function  fs({host,port,name,password}){
       console.log(host)
       console.log(port)
       console.log(name)
       console.log(password);
   }
   fs({
      host: "127.0.0.1",
       port:"3306",
       name:"root",
       password:"123456"
   });
   function  fs1({host,port,...user}){//将后面的参数放入user中
       console.log(host)
       console.log(port)
       console.log(user.name);
       console.log(user.password);
   }
    fs1({
        host: "127.0.0.1",
        port:"3306",
        name:"root",
        password:"123456"
    });
   const Q={q:"skq"};
   const W={w:"skw"};
   const SK={...Q,...W};
   console.log(SK);
</script>
</body>
</html>