Не удается инициализировать объект в JQuery document.ready

Question

У меня есть Java-объект с именем concept:

function concept() { 
    this.ConceptId = 0; 
    this.Name = ""; 
} 

Я пытаюсь запустить его в JQuery document.ready:

$(document).ready(function() { 
    var concept = new concept; 
}); 

возвращает ошибку:

Uncaught TypeError: concept is not a constructor

Если я перемещаю объект внутри document.ready, это за работой.

$(document).ready(function() { 
    function concept() { 
     this.ConceptId = 0; 
     this.Name = ""; 
    } 
    var concept = new concept; 
}); 

Я еще новичок в JavaScript, насколько я понял, document.ready запускается, когда DOM будет завершена. Я не понимаю, почему он не может получить доступ к объекту, который определен из области document.ready.

Здесь скрипка: https://jsfiddle.net/49rkcaud/1/

Answer 1

Проблема в том, что вы переопределение concept. Вам просто нужно изменить имя переменной:

$(document).ready(function() { 
 
    var foo = new concept; // change the variable name here 
 
    alert(foo.ConceptId); // = 0 
 
}); 
 

 
function concept() { 
 
    this.ConceptId = 0; 
 
    this.Name = ""; 
 
}

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

Answer 2

Попробуйте это:

Jsfiddle: https://jsfiddle.net/3w284mcs/

$(document).ready(function() { 
    var concept = function() { 
     this.ConceptId = 0; 
     this.Name = ""; 
    } 

    var concept_obj = new concept(); 
    alert(concept_obj.ConceptId); 
    }); 

Answer 3

Вам просто нужно изменить variable имя где вызов эта функция.

Ответ

$(document).ready(function() { 
    /*function concept() { 
      this.ConceptId = 0; 
      this.Name = ""; 
      }*/ 

    var concept1 = new concept; 
    alert(concept1.ConceptId); 
    }); 

    function concept() { 
    this.ConceptId = 5; 
    this.Name = ""; 
    } 

Лучше подход

Вы должны создать объект функции с помощью ()

var objConcetp = new concept(); 

использовать также constructor, а не непосредственно назначая values. Ваша функция выглядит так:

$(document).ready(function(){ 
    var oConcept = new concept(1, "YourName"); 
}); 

function concept(conceptId, name){ 
    this.ConceptId = conceptId; 
    this.Name = name; 
}