如何從分配給變量的外部函數調用內部函數

Question

我有這個功能

   var x = function outer() { 
      console.log('outer')
      this.inner = function() {
          console.log("inner");
      }
  }

問題是如何在此范圍之外調用內部函數？ 我試過x().inner()但它不起作用

Answer 1

您嘗試使用類型函數作為類試試這個：

  class Outer {

     inner () {
         console.log("inner");
     }
   }
   console.log(new Outer.inner()) //output inner

這里有一些參考https://www.w3schools.com/js/js_classes.asp

Answer 2

您的outer函數不返回值。

在您的代碼中發生的情況是，當您運行x() ，它將執行outer函數，該函數將log一些內容到控制台，聲明this.inner並退出。

您需要做的是在outer函數的末尾返回this 。

像這樣：

var x = function outer() { 
    console.log('outer')
    this.inner = function() {
        console.log("inner");
    }

    return this;
}

然后你可以做x().inner() ，它會完美地工作！

Answer 3

以你做的方式。

這個關鍵字指向 window 對象，所以如果你想調用內部，你可以

使用 window.inner();

但是如果你想把它用作一種方法，你必須使用 new 關鍵字。 new 關鍵字創建一個新對象並將 this 關鍵字關聯到它，因此在我的示例中，inner 可以成為某些東西的方法。

 function Outer() { console.log('outer') this.inner = function() { console.log("inner"); } } var something = new Outer(); something.inner();

Answer 4

我不能從外部函數返回 this，我可以從 x 變量訪問內部函數嗎？ - Tarik Ziyad 的(OP) 評論

如果你想只執行內部函數，你可能會這樣的事情，然后（或樣機）：

 var outer = function () { this.inner = function() { return 'inner'; } return 'outer'; } outer.prototype.innerProto = function() { return 'inner-proto'; } var x = new outer; console.log(x.inner()); console.log(x.innerProto());