Can not init, obiekt w jQuery document.ready

Question

Mam javascript obiekt o nazwie concept:

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

próbuję zainicjować go w jQuery document.ready:

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

Zwraca błąd:

Uncaught TypeError: concept is not a constructor

Jeśli przesuniemy obiekt wewnątrz document.ready, działa.

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

Nadal jestem nowy w javascript, o ile zrozumiałem document.ready jest uruchamiany po zakończeniu DOM. Nie rozumiem, dlaczego nie może uzyskać dostępu do obiektu, który jest określony z zakresu document.ready.

Tutaj jest to skrzypce: https://jsfiddle.net/49rkcaud/1/

Answer 1

Problem jest, bo jesteś przedefiniowanie concept. Trzeba tylko zmienić nazwę zmiennej:

$(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

Spróbuj tego:

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

wystarczy zmienić variable nazwę gdzie wezwanie ta funkcja.

Odpowiedź

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

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

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

lepsze podejście

Należy utworzyć obiekt za pomocą funkcji ()

var objConcetp = new concept(); 

Również użyć constructor zamiast bezpośrednio przypisanie values. Twoja funkcja wygląda następująco:

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

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