zoukankan      html  css  js  c++  java
  • es6 -- rest 参数

    es6 引入了rest参数(形式:...变量名),用于获取函数的多余参数,这样就不需要使用arguments对象了。rest参数搭配的变量是一个数组,该变量将多余的参数放入数组中。

    function add(...values) {
        let sum = 0
        forvar val of values) {
            sum += val
        }
        return sum
    }
    
    add(2, 3, 4) // 9

    上面的代码的add函数是一个求和函数,利用reat参数,可以向该函数传入任意数目的参数。

    下面是一个rest参数代替arguments变量的例子。

    // arguments变量的写法
    function sortNumbers() {
        return Array.prototype.slice.call(arguments).sort()
    }
    
    // rest参数的写法
    const sortNumbers = (...numbers) => numbers.sort()

    上面代码的两种写法,比较后可以发现,rest参数的写法更自然也更简洁。

    arguments对象不是数组,而是一个类似数组的对象。所以为了使用数组的方法,必须使用Array.prototype.slice.call先将其转为数组。rest参数就不存在这个问题,它就是一个真正的数组,数组特有的方法都可以使用。下面是一个利用rest参数改写数组push方法的例子。

    function push(array, ...items) {
        items.forEach(function(item) {
            array.push(item)
            console.log(item)
        })
    }
    
    var a = []
    push(a, 1, 2, 3)

    PS: rest 参数后面不能再有其他参数(即只能是最后一个参数),否则会报错。

    函数的length属性,不包括rest参数。

    (function(a){}).length // 1
    (function(...a) {}).length // 0
    (function(a, ...b) {}).length // 1

    注:函数的length属性

    指定了默认值以后,函数的length属性,将返回没有指定默认值的参数个数。也就是说,指定了默认值后,length属性将失真。

    (function(a){}).length  // 1
    (function(a = 5){}).length // 0
    (function(a, b, c = 5){}).length // 2

    length属性的返回值,等于函数的参数个数减去指定了默认值的参数个数。比如,上面最后一个函数,定义了3个参数,其中有一个参数c指定了默认值,因此length属性等于3减去1,最后得到2。这是因为length属性的含义是,该函数预期传入的参数个数。某个参数指定默认值以后,预期传入的参数个数就不包括这个参数了。

    推荐:http://es6.ruanyifeng.com/#docs/function

  • 相关阅读:
    面试问题记录
    面试问题记录
    面试问题记录
    JavaScript => ?
    Jsr303数据校验
    在浏览器上开发GO和Vue!(基于code-server)
    IdentityServer4 4.0.0
    9/13-9/18
    9/6-9/10
    8/30-9/3
  • 原文地址:https://www.cnblogs.com/garfieldzhong/p/8056692.html
Copyright © 2011-2022 走看看