Abstract
Keywords Js  技术笔记  Js 
Citation Yao Qing-sheng.Js 函数中如何使用可选参数(包括可选回调函数).FUTURE & CIVILIZATION Natural/Social Philosophy & Infomation Sciences,20220615. https://yaoqs.github.io/20220615/js-han-shu-zhong-ru-he-shi-yong-ke-xuan-can-shu-bao-gua-ke-xuan-hui-diao-han-shu/

转载自函数中如何使用可选参数(包括可选回调函数) - 每天一个 JavaScript 小知识 @Js 中文网・码农进阶题库

实例函数中第 2 个与第 3 个参数为可选参数

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
function example( err, optionalA, optionalB, callback ) {
// 使用数组取出arguments
var args = new Array(arguments.length);
for(var i = 0; i < args.length; ++i) {
args[i] = arguments[i];
};

// 第一个参数为错误参数
// shift() 移除数组中第一个参数并将其返回
err = args.shift();

// 如果最后一个参数是函数,则它为回调函数
// pop() 移除数组中最后一个参数并将其返回
if (typeof args[args.length-1] === 'function') {
callback = args.pop();
}

// 如果args中仍有元素,那就是你需要的可选参数
// 你可以像这样一个一个的将其取出:
if (args.length > 0) optionalA = args.shift(); else optionalA = null;
if (args.length > 0) optionalB = args.shift(); else optionalB = null;

// 像正常一样继续:检查是否有错误
if (err) {
return callback && callback(err);
}

// 为了教程目的,打印可选参数
console.log('optionalA:', optionalA);
console.log('optionalB:', optionalB);
console.log('callback:', callback);

/* 你想做的逻辑 */

}

// ES6语法书写更简短
function example(...args) {
// 第一个参数为错误参数
const err = args.shift();
// 如果最后一个参数是函数,则它为回调函数
const callback = (typeof args[args.length-1] === 'function') ? args.pop() : null;

// 如果args中仍有元素,那就是你需要的可选参数你可以像这样一个一个的将其取出:
const optionalA = (args.length > 0) ? args.shift() : null;
const optionalB = (args.length > 0) ? args.shift() : null;
// ... 重复取更多参数

if (err && callback) return callback(err);

/* 你想做的逻辑 */
}

// 使用或不适用可选参数调用实例函数

example(null, 'AA');

example(null, function (err) { /* do something */ });

example(null, 'AA', function (err) {});

example(null, 'AAAA', 'BBBB', function (err) {});

如何保证 optionalA 和 optionalB 是预期的值?

设计你的函数,使其在接收 optionalB 时 optionalA 为必选参数。

扩展阅读

References