Question

我编写了一个将行为绑定到元素的函数。假设我们有两个输入。然后我们希望能够显示这些输入的提示，

function ElementHinter(element){
  element.showNotice = function( message, type) {
    var errorBorderStyle = "1px solid #cc3e22";
    var warningBorderStyle = "1px solid #cc9322";

    var parent = element.parents('.value');
    element.css("border", type == element.ERROR ? errorBorderStyle : warningBorderStyle);
    if (!parent.find('.error-message').length) {
      messagePublisher(message, type);
    }   
  }

  element.removeNotice = function() {
    element.css("border-color", "#aaa #c8c8c8 #c8c8c8 #aaa");
    element.parents('.value').find('.error-message').remove();
  }


  var messagePublisher = function(message, type) {
    var parent = element.parents('.value');
    var errorStyle = "#cc3e22";
    var warningStyle = "#cc9322";

    var html = "<span class='error-message'>" + message + "</span>";
    parent.css("color", type == ElementHinter.ERROR ? errorStyle : warningStyle);
    jQuery(parent).append(html);
  }
  return element;
}

ElementHinter.ERROR = "ERROR"
ElementHinter.WARNING = "WARNING"

var priceElement    = ElementHinter($('input#price'));
var discountPercent = ElementHinter($('input#discount'));

priceElement.showNotice("Bad price friend",ElementHinter.WARNING);
discountPercent.showNotice("Bad discount friend",ElementHinter.WARNING);

现在，如果我摆脱var中的messagePublisher，则两个通知都会显示在只有一个元素上。为什么会这样？如果我摆脱var element在这种情况下的意思？

Answer 1

如果没有var，变量将变为全局。因此，如果没有var，则只有一个messagePublisher变量，并且它由所有实例共享。就像你有声明一样：

var messagePublisher;

在之外你的职能。

如果您习惯使用以下语句启动脚本文件或函数：

"use strict";

（完全相同），如果你在var（或let或const更新的JavaScript中），你就会收到错误。

全局范围函数如何确定变量不再存在？

1 个答案: