调用客户端函数

calling a client side function

本文关键字：函数 客户端 调用      更新时间：2023-09-26

这个 Meteor 代码需要在 main.js 中定义的 header.js 中调用函数cleanSerializedArray();，这两个文件都在客户端目录下。

浏览器控制台错误：

未捕获的引用错误： 未定义 cleanSerializedArray

但是当定义移动到同一个文件"header.js"时，控制台说

定义

为什么这两个不预期的结果，我希望看到该功能在两种情况下都有效？谢谢

'use strict';
Template.header.events({
  'click .mainMenu': function () {
    //control the footer visibility
    if (Session.get('showMainMenu')) {
      Session.set('showMainMenu', false);
    } else {
      console.log(cleanSerializedArray()); //<------- called
      //Meteor.call('storeUserInputs', objArray);
      Session.set('showMainMenu', true);
    }
});
function cleanSerializedArray() {
   return $('form').serializeArray().forEach(function (item) {
    item.value = item.value.replace(/[^0-9a-zA-Z]/g, '');
  });
}

>你会得到undefined，因为Array.prototype.forEach总是返回undefined。
您可能希望将cleanSerializedArray函数更改为：

function cleanSerializedArray() {
    var array = $('form').serializeArray();
    array.forEach(function (item) {
        item.value = item.value.replace(/[^0-9a-zA-Z]/g, '');
    });
    return array;
}

至于你的ReferenceError，这通常是由以下两种原因之一引起的：

范围：

window.addEventListener('DOMContentLoaded', function()
{
    function myFunc(){ /* ... */ }
    /* some code that uses myFunc */
});
/* myFunc is not available out here */

定时：

window.addEventListener('DOMContentLoaded', function()
{
    window.myFunc = function(){ /* ... */ }
    /* some code that uses myFunc */
});
/* myFunc is not available yet */

由于您似乎仅从事件处理程序调用该函数，因此范围问题比计时问题更有可能。
尝试将函数声明为：

window.cleanSerializedArray = function() {
    // ...
};
相关文章：