1

我有一个函数'alpha'，里面还有另一个函数'beta'。如果我没有在 alpha 中返回 beta，那么如何访问 beta。反正有这样做吗？（比如，我可以访问 alpha 写入 window.alpha()，因为在全局上下文中 alpha 成为窗口对象的属性，那么如何通过窗口 dom 树访问 beta 作为属性）？

<html>
<head></head>
<body>

<script>

function alpha() { 
  console.log("hi");
  function beta() {
    console.log("hello");
  } 
} 
alpha(); //works 
window.alpha(); //works
beta(); //it is directly not accessible. How to access it if alpha does not return it

</script>

</body>
</html>

alpha() 在 Window Dom 中，但为什么不是 beta？（即使不在 alpha 内部）

在此处输入图像描述

4

4 回答 4

3

通常你不能做这件事，你可以更喜欢这些选项，但在这些选项中你必须调用alpha一次才能获得测试版

//第一个选项

(function alpha() { 
  console.log("hi");
  function beta() {
    console.log("hello");
  } 
  window.beta = beta;
})()

//第二个选项

用于this创建beta为属性alpha

function alpha() {
  this.beta = function() {
    console.log("hello");
  }
}
let alphaObject = new alpha();
alphaObject.beta();
于 2018-04-12T07:37:51.213 回答
2

beta() 方法是函数 alpha 的私有方法。Javascript 作用域的工作方式阻止您直接访问内部函数。通过使用将其创建为 alpha 的属性this.beta

于 2018-04-12T07:49:11.330 回答
2

如果您不想返回beta，可以返回this并定义beta为this.beta：

要访问beta()，您只需调用alpha().beta() 。

function alpha() {
  console.log("hi");

  this.beta = () => {
    console.log("hello");
  }

  return this;
}

alpha().beta();

于 2018-04-12T07:32:07.130 回答
1

声明beta为alphausing的成员this：

function alpha() {
  console.log("hi");

  this.beta = function() {
    console.log("hello");
  }
}

let a = new alpha();
a.beta();

您当前的实现阻止 JavaScriptbeta从外部访问alpha. 阅读有关JavaScript 中私有函数的更多信息。

使用this您实际上可以将此类方法附加到函数的实例alpha。这就是我在这个解决方案中所做的。

于 2018-04-12T07:33:14.063 回答