javascript 对象字面量实例化

Question

我是 js oop 的新手，我不明白我该怎么做。

我有

var Cadastro = Object.create(QForm);
var options = {
    myInstanceName: "Cadastro",
    dependentListsMode: "one",
    defaultButtons: ['enter-query', 'new']
}
Cadastro.initForm(options);

然后我有 QForm.js

var QForm;
QForm = {
    initForm: function (parms) {       
        $.extend(this, parms);        
        var frmObj = $(this.formId);
        this.userRestrictions(parms);       
        $(this.currentForm).find("a[data-form-action]").hide();
        this.clearForm();
        this.disableFields();
    },

问题是，如果我在同一页面中有 e 对象，this.currentForm 具有最新实例化对象的值。

QForm.js 是一个非常丰富的文件，包含很多方法。我该如何管理这个。谢谢

Answer 1

一般来说，您的代码可以正常工作，它使用Object.create 基于QForm 原型创建新实例，并且新实例不共享属性，这是一个简短的工作示例：

var QForm;
QForm = {
    initForm: function (parms) {       
        $.extend(this, parms);        
        this.frmObj = $(this.formId);
    }
};

var cadastro = Object.create(QForm);
var options = {
    myInstanceName: "Cadastro",
    formId: "CadastroForm",
    dependentListsMode: "one",
    defaultButtons: ['enter-query', 'new']
}
cadastro.initForm(options);

var formTwo = Object.create(QForm);
var options = {
    myInstanceName: "FormTwo",
    formId: "test",
    dependentListsMode: "one",
    defaultButtons: ['enter-query', 'new']
}
formTwo.initForm(options); 

alert(cadastro.formId);
alert(formTwo.formId);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

如果你运行它，你会看到CadastroForm，然后是test，所以基于QForm创建的两个实例有不同的formId属性。