脚本宝典收集整理的这篇文章主要介绍了es6基础0x003:默认参数,脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
0x000 语法
function [name]([param1[ = defaultValue1 ][, ..., paramN[ = defaultValueN ]]]) {
statements
}
0x001 使用
function sum(a=0, b=0){
return a+b
}
sum() // 0
sum(1) // 1
sum(1, 2) // 3
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;
}
0x002 传值检测
function sum(a=0){
return tyPEof a
}
sum() // 'number'
sum(undefined)// 'number'
sum(1) // 'number'
sum('1') // 'string'
sum(null) // 'object'
sum(false)// 'boolean'
0x003 前参后用
前面的参数可以作为后面参数的默认值,甚至可以对前面的参数做一些特别的操作,比如简单的加减乘除
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]
0x004 默认参数调用函数
赋值默认参数甚至可以调用函数,可以调用函数,就已经说明无所不能了~
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
0x005 按序覆盖
参数还是按调用的时候传输的顺序一一覆盖的,不会因为它有默认值就跳过该形参的赋值
function sum(a=1, b ){
return [a, b]
}
sum() // [1, undefined]
sum(2)// [2, undefined]
sum(1,2) //[1, 2]
0x006 解构赋值默认参数
结构中也可以使用默认参数,虽然结构还没在这系列出现过
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基础0x003:默认参数全部内容,希望文章能够帮你解决es6基础0x003:默认参数所遇到的问题。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。