javascript - Der Instanziierungskonstruktor ändert den Inhalt ohne Aktualisierung? ?

Question

var Test = function(data){
    this.data = data
}
Test.prototype = {
    initHtml: function(){
        var html = '<p class="test">'+ this.data +'</p>'
        return html
    },
    create: function(){
        $('body').append(this.initHtml())
        this.initEvent()
    }
}

Es gibt viele ähnliche Konstruktoren Test1, Test2...

auf der Seite

Generieren Sie Inhalte auf der Seite durch neuen Test1 („Ich bin der Inhalt“), neuen Test2 („Ich bin der Inhalt“)

Bitte sagen Sie mir, wie ich den Konstruktor oder andere Methoden ändern kann, sodass bei Verwendung des neuen Test1 („anderer Inhalt“) der ursprüngliche Inhalt, der auf der Seite durch den neuen Test1 („Ich bin der Inhalt“) generiert wurde, entsprechend geändert werden sollte

Einzelfallmuster? ? ?

Answer 1

$('body').append(this.initHtml()) 改成 $('body').html(this.initHtml())