¿Cómo crear una clase de JavaScript en otro archivo js?

Question

Supongamos que si defino una clase en file1.js

function Customer(){ 
    this.name="Jhon"; 
    this.getName=function(){ 
     return this.name; 
    }; 
}; 

Ahora si quiero crear un objeto de cliente en file2.js

var customer=new Customer(); 
var name=customer.getName(); 

Me estoy haciendo una excepción: Customer is undefined, not a constructor.

Pero cuando creo un objeto de cliente en file2.js y lo paso a file1.js, entonces funciona.

file1.js 

    function Customer(){ 
     this.name="Jhon"; 
     this.getName=function(){ 
      return this.name; 
     } 
    } 
    function customer(){ 
     return new Customer(); 
    } 

file2.js 

    var customer=customer(); 
    var name=customer.getName(); 

pero quiero crear un objeto de cliente en file1.js utilizando nuevo Cliente(). ¿Cómo puedo lograr eso?

Answer 1

Si está utilizando Javascript en HTML, debe incluir file1.js y file2.js dentro de su html:

<script src="path_to/file1.js"></script> 
<script src="path_to/file2.js"></script> 

Nota, file1 debe venir primero antes de file2.

Answer 2

sugerencias posibles para hacer que funcione:

algunas modificaciones (T olvidó incluir un punto y coma en la declaración this.getName=function(){...} debe ser this.getName=function(){...};)

function Customer(){ 
this.name="Jhon"; 
this.getName=function(){ 
return this.name; 
}; 
} 

(Esto podría ser uno de los problemas.)

y

Asegúrese T vincular los archivos JS en el orden correcto

<script src="file1.js" type="text/javascript"></script> 
<script src="file2.js" type="text/javascript"></script> 

Answer 3

Depende de qué entorno se está ejecutando en un navegador web En sólo hay que asegurarse de que se carga antes de file1.jsfile2.js:.

<script src="file1.js"></script> 
<script src="file2.js"></script> 

En Node.js, la forma recomendada es hacer un fichero1 module, puede cargar con la función require:

require('path/to/file1.js'); 

también es posible usar el estilo módulo de nodo en HTML con nosotros ing la biblioteca require.js.

Answer 4

Asegúrese de que el DOM se carga antes de ejecutar el código en archivo2 ... Si estás usando jQuery:

$(function(){ 
    var customer=customer(); 
    var name=customer.getName(); 
}); 

Entonces no importa el orden en que los archivos están en el código de ganado corre hasta que se carguen todos los archivos.

Answer 5

Puede exportar sus métodos para acceder a otros archivos como esto:

file1.js

var name = "Jhon"; 
exports.getName = function() { 
    return name; 
} 

fichero2.js

var instance = require('./file1.js'); 
var name = instance.getName();