在 javascript 中學習 OO：錯誤 - 無法讀取未定義的屬性

Question

我相信我忽略了我正在做的事情。 我正在嘗試玩弄物體並獲得一些樂趣，但我遇到了這個奇怪的錯誤。 我在 C++/C# 中使用過 OO。

我創建了一個游戲環境object，它將包含有關該游戲的所有信息。

然后，我創建了一個驗證工具（對象），其中包含有效輸入的正則表達式測試，我在其中調用並傳遞，然后返回測試結果。

使用這些對象，然后我創建了一個launch(); function 提示用戶輸入用戶名並使用該工具進行驗證。 正是在這次通話中，我遇到了這個錯誤。

考慮到這個錯誤，我不確定我所做的在 JS 中是否合法。

 launch(); function launch() { var userNameInput = prompt("Please enter your name:", "User Name"); if (gameEnv.player(userNameInput)) { alert("Please enter only letters for a username."); location.reload(true); } } var gameEnv = { playerName: "", set player(input) { if (validationTool.LetterValidator(input)) { this.playerName = input; return 1; } else { return 0; } }, } var validationTool = { letterOnlyValidation: /^[a-zA-Z^\s]+$/, LetterValidator: function(input) { return letterOnlyValidation.test(input); }, }

Answer 1

首先，除非您需要與舊版本的 JavaScript 兼容，否則 ES6 JavaScript 具有可用於 OO 的實際class聲明。

即使使用較舊的 JS，創建 class 實例的方法是使用function定義它，並使用new創建新實例。

此處特定代碼的問題：

var gameEnv = {
  playerName: "",
  set player(input) {
    if (validationTool.LetterValidator(input)) {
      this.playerName = input;
      return 1;
    } else {
      return 0;
    }
  },

}

...是你用set為player定義了一個 setter，但沒有 getter，所以 player 可以設置，但不能讀回。

此外，由於此 object 尚未使用new正確創建為 class 實例， this指的是全局this ，而不是 object 本身。

Answer 2

這里有幾個問題：

• set 語法綁定了一個 object 屬性，應該使用=來賦值。
• 訂單很重要

 var gameEnv = { playerName: "", set player(input) { if (validationTool.LetterValidator(input)) { this.playerName = input; alert("player name set"); } else { alert("Please enter only letters for a username."); } }, } var validationTool = { letterOnlyValidation: /^[a-zA-Z^\s]+$/, LetterValidator: function(input) { return this.letterOnlyValidation.test(input); }, } launch(); function launch() { var userNameInput = prompt("Please enter your name:", "User Name"); gameEnv.player = userNameInput; }