javascript - 如何访问javascript变量的函数

Question

我有一个包含这段代码的 javascript 文件:

(function () {

    var cookieconsent = {

        dismiss: function (evt) {
          evt.preventDefault && evt.preventDefault();
          evt.returnValue = false;
          this.setDismissedCookie();
          this.container.removeChild(this.element);
        },

        setDismissedCookie: function () {
          Util.setCookie(DISMISSED_COOKIE, 'yes', this.options.expiryDays, this.options.domain, this.options.path);
        }

    };

})();

我如何从浏览器控制台或页面上的 href 链接访问“关闭”功能？

这是文件的来源:Cookie Consent - GitHub

谢谢!

Answer 1

变量只能在其范围内访问。所以如果你这样做

function helloWorld(){
  var test = "Test";
}

test 仅在 helloWorld 中可用。

当你这样做的时候

var test = "test";

function notify(){
  console.log(test);
}

test 将可访问，因为它是在更高范围内定义的。

当你在 JS 文件中做同样的事情时，由于这个变量没有包含在函数中，它成为全局范围 (window) 的一部分，因此它们在任何地方都可用。

如果您希望使变量成为全局变量，您可以使用 window.variableName 并访问它。

注意:污染全局范围是一种不好的做法。引用Why are global variables considered bad practice?

此外，如果您希望在 HTML 元素上绑定(bind)一个函数，请尝试

document.getElementById("elementId").addEventListener("click", cookieconsent.dismiss)

关于在控制台上访问它，尝试在控制台中记录它，然后您可以使用 chrome 调试器将记录的对象保存在全局对象中并进行测试。