Abstract
  1. 如何保证optionalA和optionalB是预期的值?
    1. 扩展阅读
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

*Corresponding Author: Yao Qing-sheng <Email: 350788415@qq.com> BY-NC-SA .

  1. 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/
  2. 版权声明：本文为「LordYao」的原创文章，遵循 CC 4.0 BY-NC-SA 版权协议，转载请附上原文出处链接及本声明。
    原文链接： 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/