Javascript Objekt-Methode zurück, wie Sie undefiniert

Gibt es... eine Menge falsch hier.

var Student = new Object;

function Student() {
    this.firstName = fiName;
    this.lastName = laName;
    this.studentId = studeId;
    this.toString = function() {var result = toP.innerHTML = this.lastName + this.firstName + this.studentId};
        return result;
    this.readInputs = function() { };
}

First off, verwenden Sie {}, nicht new Object. Neben, dieser wird nur gesetzt Student zu einem new Object und überschreiben Ihre Funktion, da die Funktion gehievt wird. Ich bin mir ziemlich sicher, dass du nur gedacht zu haben, das eine Funktion gibt.

Weiter return result; ist nicht in Ihrem toString Funktion, das ist ein Fehler, und wieder nicht, die du meldest. Ist das eigentlich dein code? Verwenden Sie den Prototyp auch. Und toString sollte keine Nebenwirkungen haben und Konstruktoren sollte nicht Lesen globals.

function Student(firstName, lastName, studentId) {
    this.firstName = firstName;
    this.lastName = lastName;
    this.studentId = studentId;
}

Student.prototype.readInputs = function() {};

Student.prototype.toString = function() {
    return this.lastName + this.firstName + this.studentId;
};

Nun readInputs kann wie folgt Aussehen (hat es etwas zu tun mit der leeren Funktion auf Students, by the way?):

function readInputs() {
    var s = new Student(fiName.value, laName.value, studeId.value);
    toP.innerHTML = s.toString();
}

Beachten Sie, dass der Einsatz new mit Konstruktoren zum erstellen this richtig, und ergreifen Sie die value Eigenschaft der input-Elemente, und tatsächlich etwas zu tun mit der return-Wert der Funktion.

Dieser Fehler:

Uncaught TypeError: die Eigenschaft 'Student' of object [object object] ist nicht eine Funktion

scheint unmöglich zu mir, aber ich konnte einfach sein, etwas zu verpassen. (Sind Sie auf IE8?)

Versuchen Sie, diese

 var student = new Student(fiName,laName,studeId);
 var res = student.toString();

 function Student(fiName,laName,studeId) {
        this.firstName = fiName;
        this.lastName = laName;
        this.studentId = studeId;
    }

   Student.prototype.toString = function() {
        return this.lastName + this.firstName + this.studentId
    }

Oben ist ein Beispiel für Objekt-orientierte java-Skript-code. Ich habe ein Student-Konstruktor-Funktion definiert und eine toString-Methode auf die neuen Schüler geben.
Es wird empfohlen, fügen Sie Ihre Methoden, um die Prototyp-Kette um, um Sie zu binden, um den Typ und nicht nur eine bestimmte Instanz.

Instantiieren auf das Objekt, verwenden Sie den word-neue

Da erzeugen Sie student, Sie haben zu geben, als argument an den Konstruktor

Sollte der code looke wie diese

<div id='textInside'>
    First Name:<input type='text' id='fName'><br>
    Last Name:<input type='text' id='lName'><br>
    Student Id: <input type='text' id='stuId'><br>
    <button onclick='readInputs()'>Update</button>

    <p id='stuInfo'></p>
</div>

<script type='text/javascript'>
var Student = function( option ) {
    this.firstName = option.fiName;
    this.lastName = option.laName;
    this.studentId = option.studeId;
    this.top = option.top;
};

Student.prototype.toString = function(){
     return document.write(this.lastName +" "+ this.fastName +" "+ this.studentId);
};

function readInputs() {
    var student = new Student({
         fiName: document.getElementById('fName').value.trim(),
         laName: document.getElementById('lName').value.trim(),
         studeId: document.getElementById('stuId').value.trim(),
         top: document.getElementById('stuInfo').value.trim()
    });
    student.toString();
}
</script>