為什么會出現Uncaught TypeError：無法讀取未定義的屬性'displayQuestion'？

Question

我試圖找到問題的答案，但實際上我在這里找不到的答案對我有幫助。 我知道這是常見問題，但我找不到正確的答案。 這是我的代碼：

    //Constructor for creating questions
function Question(question, answers, correct) {
    this.question = question;
    this.answers = answers;
    this.correct = correct;
}
//Creating question
var q1 = Question('Is JavaScript the best programming lenguage?', ['Yes', 'No'], 0);
var q2 = Question('What is the name of your teacher?', ['Mike', 'John', 'Jonas'], 2);
var q3 = Question('How would you best describe coding?', ['Boring', 'Fun', 'Tedius', 'Hard'], 1);

//Displaying question and answers
Question.prototype.displayQuestion = function(){

    console.log(this.question);

    for (var i = 0; i < this.answers.length; i++) {
        console.log(i + '. ' + this.answers[i]);
    }
}


//Choosing random question
var questions = [q1, q2, q3];
var n = Math.floor(Math.random() * questions.length);

questions[n].displayQuestion();

我不斷收到Uncaught TypeError：無法讀取Challenge.js中未定義的屬性“ displayQuestion”：27提前感謝:)

Answer 1

您正在呼叫Question(...)但實際上是要呼叫new Question(...) 。

當你調用Question(...)沒有new ，它返回undefined ，因為它沒有return值（也， this是window ，而不是一個新的對象）。

當您使用new ， this被設置為一個新創建的對象，並且如果沒有return值，則new Question調用將返回新創建的this對象。 當然，這就是您期望代碼執行的操作。

Answer 2

在Question()之前使用new關鍵字