如何调用JavaScript库解析HIBC条码？新手入门求助

问题背景 #

找到一个HIBC条码解析的JavaScript库，但作为新手直接调用decode函数无法运行，试了以下代码：

var myString = '+A123BJC5D6E71G';
var result = decode(myString);

得不到预期结果。

问题原因 #

1. 函数未全局暴露：库的代码通过立即执行函数（IIFE）封装，decode函数并没有直接暴露到全局作用域，而是挂载到了全局的HIBC对象上。
2. 依赖缺失：库内部使用了Underscore.js、Moment.js和AngularJS的工具方法，缺少这些依赖会导致代码运行报错。

正确调用步骤 #

1. 引入所需依赖

确保在引入HIBC库代码前，先引入以下三个依赖库的本地脚本：

• Underscore.js：提供_.clone、_.isEmpty等工具函数
• Moment.js：处理日期解析逻辑
• AngularJS：用于对象合并操作

在HTML中按顺序引入：

<!-- 引入Underscore.js本地文件 -->
<script src="underscore.min.js"></script>
<!-- 引入Moment.js本地文件 -->
<script src="moment.min.js"></script>
<!-- 引入AngularJS本地文件 -->
<script src="angular.min.js"></script>
<!-- 引入HIBC解析库的代码 -->
<script>
<!-- 粘贴你提供的HIBC库完整代码到这里 -->
(function () {
    var error = {
        BarcodeNotAString: 1,
        EmptyBarcode: 2,
        BarcodeNotHIBC: 3,
        InvalidBarcode: 4,
        InvalidDate: 5,
        EmptyCheckCharacter: 6,
        EmptyLinkCharacter: 7,
        InvalidQuantity: 8,
        InvalidLine1: 9
    };
    // ... 库的其余代码
}).call(this);
</script>

2. 正确调用decode方法

通过全局HIBC对象调用decode函数，而非直接调用decode：

var myString = '+A123BJC5D6E71G';
var result = HIBC.decode(myString);

// 打印解析结果
console.log(result);

// 处理可能的错误
if (result.error) {
    switch(result.error) {
        case HIBC.errors.BarcodeNotHIBC:
            console.log("条码不是HIBC格式");
            break;
        case HIBC.errors.InvalidBarcode:
            console.log("无效的条码");
            break;
        // 可根据需求添加更多错误类型处理
        default:
            console.log("解析错误，错误码：" + result.error);
    }
}

可选优化（移除AngularJS依赖） #

如果不需要引入AngularJS，可修改库中的angular.extend为原生的Object.assign，替换所有angular.extend调用：

// 原代码
angular.extend(decoded, processLine2({}, type.Concatenated, array[1] + potentialCheckAndLinkCharacters));
// 修改为
Object.assign(decoded, processLine2({}, type.Concatenated, array[1] + potentialCheckAndLinkCharacters));

修改后就无需引入AngularJS。

内容的提问来源于stack exchange，提问作者user982124