Question

我正在使用Meteor for Windows。我试图在breadcrumb.js中运行一个位于/ client / lib中的函数而且我一直收到这个错误。 ReferenceError：未定义initBreadcrumb。我是一名Java程序员，我不确定我是否只是试图调用intiBreadcrumb（）错误，或者是否有一些奇怪的Meteor我不习惯。

我在index.js中引用它，如：

if (Meteor.isClient) {
     // counter starts at 0
     Session.setDefault('json', "Hello");

     Template.div1.created = function() {
         initBreadcrumb();
     }
}

这是breadcrumb.js代码：

var breadcrumbList;
var crumbItems = [];
var variableCrumb;

function initBreadcrumb() {
     var breadcrumb=$('<div>');
     breadcrumb.addClass('breadcrumb');

     breadcrumbList=$('<ul>');
     breadcrumbList.addClass('breadcrumb_list');
     breadcrumbList.appendTo(breadcrumb);

     // Always add homepage icon
     var homeIcon=$("<img>");
     homeIcon.attr('alt','Homepage');
     homeIcon.attr('src','../../public/images/home.png');

     addCrumb('index.html', homeIcon, 'breadcrumb_first');


     breadcrumb.prependTo($('body'));
}

function addCrumb(link, content, className) {
     var newListItem=$('<li>');
     if (className != undefined)
         newListItem.addClass(className);
     var newLink=$('<a>');
     newLink.attr('href', link);

     content.appendTo(newLink);
     newLink.appendTo(newListItem);
     newListItem.appendTo(breadcrumbList);

     crumbItems.push(newListItem);
}

function addTextCrumb(linkHref, linkText) {
     var newLink=$('<a>').text(linkText);
     addCrumb(linkHref, newLink, 'breadcrumb_text');
     return newLink
}

/***
* Set the "variable" crumb - i.e. the page content crumb
*/
function setVariableCrumb(linkHref, linkText) {
     if (variableCrumb == undefined) {
         variableCrumb=addTextCrumb(linkHref, linkText);
     } else {
         variableCrumb.text(linkText);
     variableCrumb.attr('href', linkHref);
     }
}

Answer 1

您必须了解JavaScript scope的工作原理。有全球和地方范围。 Meteor按函数（closure）包装所有* .js文件：

(function() {
  //local function
  function yourFunction() {
    //code
  }
})()

所以你的功能变成了本地功能。

如果要在闭包中定义全局函数，则需要将其定义为全局变量：

(function() {
  //global function
  yourFunction = function() {
    //code
  }
})()

Answer 2

您必须更改功能定义代码。

initBreadcrumb = function(){...};
addCrumb = function(link, content, className){...};
addTextCrumb = function(linkHref, linkText){...};
...

然后您的功能可以在您的模板代码中运行。这将使您的功能变为全球化。

ReferenceError：未定义Meteor

2 个答案: