javascript - 从其他外部文件调用时，外部文件中的函数未定义

Question

我有 2 个外部文件，一个名为 StorageBinJS.js，另一个名为 Req1JS。我的 StorageBinJS 包含这个

function StorageBin() { };


StorageBin.Keys = function (key, value) {
    localStorage.setItem(key, JSON.stringify(value));
}

StorageBin.Get = function (key) {
    var result = localStorage.getItem(key);
    return result;
}

我的 Req1JS 文件包含

/// <reference path="../Storage/StorageBinJS.js" />

$(document).ready(function () {

    FruitsList();
    Quantities();

    $('#btnSave').on('click', function () {
        var fruitText = $('#ddFruits').data("kendoDropDownList");

        switch (fruitText.text()) {
            case "Apples": {
                soldData.Apples.push({ FruitName: fruitText.text(), Qty: $('#Qty').val(), Price: $('#txtCost').val() });
                StorageBin.Keys("Apples", soldData.Apples);
            } break;
            case "Bananas": {
                soldData.Bananas.push({ FruitName: fruitText.text(), Qty: $('#Qty').val(), Price: $('#txtCost').val() });
                StorageBin.Keys("Bananas", soldData.Bananas);
            } break;
            case "Oranges": {
                soldData.Oranges.push({ FruitName: fruitText.text(), Qty: $('#Qty').val(), Price: $('#txtCost').val() });
                StorageBin.Keys("Oranges", soldData.Oranges);
            } break;
            case "Pears": {
                soldData.Pears.push({ FruitName: fruitText.text(), Qty: $('#Qty').val(), Price: $('#txtCost').val() });
                StorageBin.Keys("Pears", soldData.Pears);
            } break;
            case "Watermelons": {
                soldData.Watermelons.push({ FruitName: fruitText.text(), Qty: $('#Qty').val(), Price: $('#txtCost').val() });
                StorageBin.Keys("Watermelons", soldData.Watermelons);
            } break;
            default: 0;
        }
    });
});

行

StorageBin.Keys("Apples", soldData.Apples);

错误地指出 StorageBin 是未定义的，但在我看来确实如此，但我知道我错了，并且不确定为什么当它出现在智能感知中时它会将其称为未定义。

Answer 1

... not sure why it calls it as undefined when its appearing in intellisense.

由于您的 reference 定义，它出现在智能感知中，但 reference 实际上并未加载该文件。

您需要导入或require该文件。