平武建站

ES6中默认参数是什么-创新互联

这篇文章给大家分享的是有关ES6中默认参数是什么的内容。小编觉得挺实用的，因此分享给大家做个参考。一起跟随小编过来看看吧。

创新互联服务项目包括新城网站建设、新城网站制作、新城网页制作以及新城网络营销策划等。多年来，我们专注于互联网行业，利用自身积累的技术优势、行业经验、深度合作伙伴关系等，向广大中小型企业、政府机构等提供互联网行业的解决方案，新城网站推广取得了明显的社会效益与经济效益。目前，我们服务的客户以成都为中心已经辐射到新城省份的部分城市，未来相信会继续扩大服务区域并继续获得客户的支持与信任！语法
function [name]([param1[ = defaultValue1 ][, ..., paramN[ = defaultValueN ]]]) { 
    statements 
}
使用
function sum(a=0, b=0){
    return a+b
}
sum() // 0
sum(1) // 1
sum(1, 2) // 3

使用babel翻译一下

function sum() {
    var a = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
    var b = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
    return a + b;
}
传值检测

从babel翻译的结果可以看出，默认参数只检查两种情况

  • 不传参数

  • 传入undefined

function sum(a=0){
    return typeof a
}
sum() // 'number'
sum(undefined)// 'number'
sum(1) // 'number'
sum('1') // 'string'
sum(null) // 'object'
sum(false)// 'boolean'
前参后用

前面的参数可以作为后面参数的默认值，甚至可以对前面的参数做一些特别的操作，比如简单的加减乘除

function sum(a=1, b=a, c=a+b){
    return [a, b, c]
}
sum() // [1, 2, 3]
sum(2)  // [2, 2, 4]
sum(2,2) // [2, 2, 4]
sum(2,2,2) // [2, 2, 2]
默认参数调用函数

赋值默认参数甚至可以调用函数，可以调用函数，就已经说明无所不能了~

function sum(a=1, b=(()=>4)()){
    return [a, b]
}
sum() // [1, 4]
sum(2) // [2, 4]
sum(2,2) // [2, 2]

注意: 无法调用函数内部声明的函数作为默认值

function sum(a=1, b=num2()){
    function num2(){
        return 4
    }
    return [a, b]
}
sum() // Uncaught ReferenceError: num2 is not defined
按序覆盖

参数还是按调用的时候传输的顺序一一覆盖的，不会因为它有默认值就跳过该形参的赋值

function sum(a=1, b ){
    return [a, b]        
}
sum() // [1, undefined]
sum(2)// [2, undefined]
sum(1,2) //[1, 2]
解构赋值默认参数

结构中也可以使用默认参数，虽然结构还没在这系列出现过

function sum([x, y] = [1, 2], {z: z} = {z: 3}) { 
  return [x, y, z]; 
}
sum() // [1, 2, 3]
sum([2,4],{z: 6}) // [2, 4, 6]

感谢各位的阅读！关于ES6中默认参数是什么就分享到这里了，希望以上内容可以对大家有一定的帮助，让大家可以学到更多知识。如果觉得文章不错，可以把它分享出去让更多的人看到吧！


新闻名称：ES6中默认参数是什么-创新互联
路径分享：http://pwwzsj.com/article/ceieoo.html

其他资讯