es6 方法具名参数及默认值

简介: 版权声明:本文首发 http://asing1elife.com ,转载请注明出处。 https://blog.csdn.net/asing1elife/article/details/82732133 ...
版权声明:本文首发 http://asing1elife.com ,转载请注明出处。 https://blog.csdn.net/asing1elife/article/details/82732133

es6 方法具名参数及默认值

es6 对方法参数做了较大升级,不仅可以提供具名参数还能设定默认值

更多精彩

携带具名参数的方法

function common (message, type, { position , duration }) {
  Toast({
    message: message,
    className: type,
    position: position,
    duration: duration
  })
}

为具名参数指定默认值的方法

function common (message, type, { position = 'middle', duration = 3000 }) {
  Toast({
    message: message,
    className: type,
    position: position,
    duration: duration
  })
}

注意事项

  1. 携带具名参数的方法,在调用时如果不传递对应参数也必须传递一个空的大空号,否则内部参数使用时会抛出 undefined
common(message, 'warning', {})
  1. 为防止这种每次调用都必须传递一对空的大空号的麻烦,可以对方法进行二次封装
export function error (message, position) {
  common(message, 'error', { position })
}
目录
相关文章
|
4月前
|
JavaScript 前端开发
分享函数中 this 在不同场景下的指向与默认值,动态指定函数 this 值的方法
分享函数中 this 在不同场景下的指向与默认值,动态指定函数 this 值的方法
|
3月前
|
Dart
Dart之函数(递归、匿名、自执行、可选参数、默认参数、命名参数)
Dart之函数(递归、匿名、自执行、可选参数、默认参数、命名参数)
|
4月前
|
JavaScript
JS动态参数arguments与剩余参数
JS动态参数arguments与剩余参数
|
11月前
|
JavaScript
TypeScript-可选-默认-剩余参数
TypeScript-可选-默认-剩余参数
56 0
|
JavaScript
面试题-TS(十):如何处理可选属性和默认参数?
在TypeScript中,可选属性是指在定义接口或类时,指定某些属性不是必须的,可以存在也可以不存在。使用可选属性可以让我们定义更灵活的数据结构,允许对象中包含额外的属性,而不会报错。
|
JavaScript
TypeScript 函数的详细使用(默认参数、可选参数、剩余参数、重载声明)
TypeScript 函数的详细使用(默认参数、可选参数、剩余参数、重载声明)
183 0
【TS】函数重载--可选参数--默认参数
【TS】函数重载--可选参数--默认参数
111 0
ES6 从入门到精通 # 04:函数之默认值、剩余参数
ES6 从入门到精通 # 04:函数之默认值、剩余参数
60 0
ES6 从入门到精通 # 04:函数之默认值、剩余参数
|
JavaScript
js基础笔记学习79-箭头函数得参数和参数默认值
js基础笔记学习79-箭头函数得参数和参数默认值
77 0
js基础笔记学习79-箭头函数得参数和参数默认值
lodash分配对象的属性,忽略相同属性的值
lodash分配对象的属性,忽略相同属性的值
102 0