ES6中默认参数的介绍(代码示例)
程序员文章站
2022-04-28 07:56:18
...
本篇文章给大家带来的内容是关于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中默认参数的介绍(代码示例)的详细内容,更多请关注其它相关文章!
上一篇: 整理下selenium的资料