JS模块中只能有一个功能

Question

我找到了this post，了解如何使用 Blazor 编写 cookie（事实证明，这涉及到 JavaScript）。使用帖子中的示例，我制作了自己的版本，具有 Write 和 Read 功能。所以它看起来像这样：

<script>
    window.blazorExtensions = {

        WriteCookie: function (name, value, days) {

            var expires;

            if (days) {
                var date = new Date();
                date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
                expires = "; expires=" + date.toGMTString();
            }
            else {
                expires = "";
            }

            document.cookie = name + "=" + value + expires + "; path=/";
        };

        ReadCookie: function (cname) {
            var name = cname + "=";
            var decodedCookie = decodeURIComponent(document.cookie);
            var ca = decodedCookie.split(';');
            for(var i = 0; i <ca.length; i++) {
                var c = ca[i];
                while (c.charAt(0) == ' ') {
                c = c.substring(1);
                }
                if (c.indexOf(name) == 0) {
                return c.substring(name.length, c.length);
                }
            }
            return "";
        }
    }
</script>

唯一的问题是......它不起作用:-(

如果我只有WriteCookie 方法，它就可以工作。如果我只有ReadCookie 方法，它就可以工作。但如果我有两者，它就不起作用了。

从外观上看，window 部分是一个模块，但我可能是错的。然而，这正是 VS Code 在工具提示中所说的：

谁能给我解释一下，为什么这不起作用？我尝试了谷歌，但由于我对术语感到困惑，所以很难找到有用的东西。我习惯了 C#，并认为 window.blazorExtension 是某种命名空间。

如果有任何帮助，以下是我调用函数的方式：

public async Task WriteCookeAsync() {
        var test = await JSRuntime.InvokeAsync<object>("blazorExtensions.WriteCookie", "Color", colorCode, 7);
    }

Answer 1

没有实际检查你的函数的正确性，我可以看到对象window.blazorExtensions 没有正确定义。您需要做的是将 WriteCookie 函数定义后的分号更改为逗号，因为 JavaScript 对象属性以逗号分隔...

window.blazorExtensions = {
    
    WriteCookie: function (name, value, days) {
        //...
    },

    ReadCookie: function (cname) {
        //...
    },
};