• ES6中的Rest参数和默认参数


    ES6中的Rest参数和默认参数

    Rest参数

    一个例子

    • 编写一个函数, 用来判断, 某个字符串中, 是否其他的字符串,
    • 如果第一参数以后的字符串, 都包含在第一参数中, 都包含在, 就返回true
    • 如果后面参数中的字符串, 有一个不在第一参数中, 返回false
    • containsAll("banana", "b", "nan") 将返回true,
    • containsAll("banana", "c", "nan") 将返回 false。
      var res = containsAll("banana", "a", "nan")
      console.log(res)
    
      function containsAll(haystack) {
        for (var i = 1; i < arguments.length; i++) {
          var needle = arguments[i];
          if (haystack.indexOf(needle) === -1) {
            return false
          }
        }
        return true
      }
    

    使用rest参数实现

      function containsAll(haystack, ...needles) { 
        for (var needle of needles) {
          if (haystack.indexOf(needle) === -1) {
            return false
          }
        }
        return true
      }
    
    
    • ...表示了needles是一个rest对象, 剩余的所有实参都放到needles这个参数中
    • 只能将函数的最后一个参数作为Rest参数
    • Rest参数之前的参数正常填充, 如果不够的话, Rest参数是一个[]
      绝对不会是undefiend

    参数的默认值

    可以直接在参数后面命名赋值默认值

      function testFunc(one="aaa", two="bbb") {
        return `this is a ${one} and ${two}`
      }
      console.log(testFunc())
    

    参数的默认值从左向右计算, 意味着, 后面的默认值可以调用前面的已经填充玩的参数

      function testFunc(one="aaa", two=(one === "aaa" ? "yes" : "no")) {
        return `this is a ${one} and ${two}`
      }
      console.log(testFunc())
    

    传递undeifend, 等同于没有传递改参数

      // 两周情况是完全相同的
      function func(a=11, b) {
        // ...
      }
      function func(a=11, b=undefined) {
        // ...
      }
    

    兼容性

    • 属于ES6语法, 使用babel进行压缩处理即可.
    • 改天还应该写写关于处理ES6的兼容性的方法.

    感谢作者

    这是自己看到了不会的, 然后从这篇文章中学习了. 再次感谢作者的分享.
    对了我是在伯乐在线上看到的这篇转载的文章

  • 相关阅读:
    PHP数组操作,数组排序,数组元素操作,数组元素定位
    提高PHP编程效率的53个要点
    javascript的一些简单的应用
    数字时钟
    一个限定变量范围的小技巧
    windows编程学习——1 关闭窗口不退出
    比木马NB多了
    模拟时钟
    恶搞程序——黑屏
    用白色画笔再画一遍,代替擦除
  • 原文地址:https://www.cnblogs.com/zhangrunhao/p/7543435.html
Copyright © 2020-2023  润新知