es6的默认参数赋值与rest参数与扩展运算符

最新推荐文章于 2022-11-16 08:28:44 发布

2333!!!!!

最新推荐文章于 2022-11-16 08:28:44 发布

阅读量273

点赞数 1

分类专栏： es6-es11 文章标签： javascript

本文链接：https://blog.csdn.net/weixin_46564011/article/details/122921999

版权

es6-es11 专栏收录该内容

16 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div></div>
<div></div>
<div></div>
<script  type="text/javascript">
  function fn(a,b,c=10)
  {
      console.log(a+b+c);
  }
  //es6我们可以给默认的形参赋值如果没有输入就会使用默认的参数,按顺序来,形参实参顺序是必须一样的
  /*
  下面是解构赋值的应用
   */
  const oop={
      host:"192.127.163.103",
      name:"oop",
      password:"123456"
  }//对象用对象,数组用数组,用魔法打败魔法
  function fn1({host,name,password}){
      console.log(host,name,password);
  }
  fn1(oop);
/********rest参数*****/
/*
    他其实就是意思是接受多个参数,转化为一个有序数组来使用,
    若有多个参数必须把他放在最后不然会全被rest参数来接收
 */
    function fn3(...args){
        console.log("...args:"+args);
    }
    fn3("你","我","他");
    function fn4(a1,a2,...args){
    }
    /****扩展运算符****/
    /*
    扩展运算符就是rest参数的:...
     */
      /*
      扩展运算符可以将数组变成参数序列,就是将数组去掉数组框
      他可以:1.合并数组2.克隆数组,3.将伪数组转化为真正的数组
       */
  const o1=["李","王","高"];
  function fn5(){
      console.log(arguments);
  }
    fn5(...o1);
  const o2=["你","我","他"];
  const o3=[...o1,...o2];
  console.log(o3);/*合并*/
  const o4=[...o3];/*克隆,他们不是一个地址,因为有一个分开的过程*/
  let divs=document.querySelectorAll("div");
  console.log("divs:"+divs);
  const divArr=[...divs];
  console.log("divArr:"+divArr);/*伪数组变成真数组*/
</script>
</body>
</html>