Creación de objetos en JavaScript

JavaScript es un lenguaje de programación diseñado para facilitar la interacción entre objetos. En este lenguaje de secuencias de comandos, un objeto es básicamente una variable que puede almacenar muchos valores. Por ejemplo, autos en una sala de exposición, estudiantes en la escuela y efectivo en cuentas bancarias. Hay diferentes formas de Creación de objetos usando JavaScript, como literales de objetos, métodos constructores, clases, y nuevas palabras clave. Sin embargo, el objeto literal es la forma más común de Creación de objetos usando Javascript.

En este artículo, hemos explicado dos métodos para crear objetos en JavaScript.

• Uso de Object Literal para crear objeto en JavaScript
• Uso del método Constructor para crear objeto en JavaScript
• Uso de la clase para crear objeto en JavaScript
• Uso de la nueva palabra clave para crear objeto en JavaScript

Método 1: cree un objeto usando los literales de objetos en JavaScript

Es la forma más sencilla de crear un objeto en JavaScript inicializando el objeto. Los usuarios pueden crear y definir un objeto en una sola línea. Se lleva a cabo un fenómeno de par de valor clave para asignar los valores separados por un colon. La asignación de valores se escribe en aparatos ortopédicos:

Sintaxis

La sintaxis para crear un objeto con un inicializador de objeto se da a continuación:

VAR Object = PropertyName: PropertyValue

El propiedad el nombre se refiere al nombre de la propiedad y al El valor de la propiedad representa el valor de esa propiedad.

Ejemplo

En este ejemplo, todos los valores se asignan a las propiedades del objeto con un valor clave.

Código

// Un ejemplo de creación de un objeto usando literales de objetos
var maestro = FirstName: "Harry",
LastName: "Billi",
Edad: 35,
Asunto: "Matemáticas";
consola.Log (profesor.nombre de pila);

En el código:

• El objeto maestro se define y se crean diferentes propiedades para este objeto.
• Posteriormente, se asignan diferentes valores a estas propiedades.
• Al final, la propiedad específica maestro.nombre de pila se muestra utilizando el consola.registro() método en Javascript.

Producción

La salida devuelve la propiedad específica de un objeto creando el método literal de objetos en JavaScript.

Nota: Javascript 1.1 y antes no admiten literales de objetos para inicializar objetos.

Método 2: Creación de un objeto utilizando el método Constructor en JavaScript

Otra forma alternativa que se puede utilizar para crear un objeto en JavaScript es el método del constructor. El método crea una instancia de objeto de la clase. En este método, primero defina un tipo de objeto utilizando el método del constructor:

Sintaxis

Function Constructor (Propiedad)
este.propiedad = propiedad;
Let NewObject = New Constructor ('ObjectValue');

Parámetro:

Los parámetros se describen de la siguiente manera.

• Constructor: un método que inicializa un objeto de la clase.
• newobject: representa el objeto recién creado
• propiedad: indica la propiedad del objeto existente
• ObjectValue: Especifica el valor asignado al objeto.

Ejemplo

Se proporciona un ejemplo para crear un objeto con el método Constructor en JavaScript. Para este propósito, el código es el siguiente:

Código

// Un ejemplo de creación de un objeto usando constructor
clase de función (nombre, asunto)
este.nombre = nombre;
este.sujeto = sujeto;

dejar maestro1 = nueva clase ('John', 'matemáticas');
Deje maestro2 = nueva clase ('Harry', 'Física')
consola.Log (profesor1.nombre);
consola.Log (profesor2.nombre);

En este código:

• Se llama a un constructor pasando la propiedad nombre y sujeto.
• Después de eso, se crean dos objetos con los nombres de profesor1 y profesor2.
• Se les asignan los diferentes valores llamando al constructor.

Producción

La salida devuelve los nombres John y Harry que están asociados con las propiedades de profesor1 y profesor2.

Método 3: Crear un objeto usando la clase en JavaScript

La nueva versión de JavaScript ES6 admitió el concepto de clase. Crear el objeto utilizando la clase es bastante como el método del constructor anterior. Sin embargo, los métodos se reemplazan con las clases al proporcionar las funcionalidades en la versión ES6 en JavaScript. La sintaxis para crear este método se proporciona a continuación:

Sintaxis

Clase className
constructor (propiedad)
este.propiedad = propiedad;
Let NewObject = new ClassName ('ObjectValue');

En la sintaxis anterior:

• El nombre de la clase Especifica el nombre de la clase.
• Después de eso, la propiedad se pasa al constructor.
• Al final, el valor de objeto se asigna a la newobject Variable en JavaScript.

Ejemplo

Se demuestra un ejemplo de crear un objeto utilizando la clase en JavaScript.

Código

// Un ejemplo de creación de un objeto usando clases
profesor de la clase
constructor (nombre, sujeto, cabello)
este.nombre = nombre;
este.sujeto = sujeto;
este.Haircolor = Haircolor;


Sea maestro1 = nuevo maestro ('ali', 'física', 'negro');
Sea maestro2 = nuevo maestro ('John', 'matemáticas', 'marrón');
consola.Log (profesor1.nombre);
consola.Log (profesor2.sujeto);

En este código:

• El profesor de clase se define en tres propiedades: nombre, sujeto y color de pelo.
• Además, se crean dos objetos: profesor1 y profesor2.
• Después, se asignan diferentes valores a profesor1 y profesor2 objetos.
• Finalmente, presente la información con el consola.registro() Método en JavaScript.

Producción

La salida muestra la ejecución del código anterior de tal manera que profesor de objetos1 Devuelve la propiedad de nombre Ali. De la misma manera, la propiedad sujeta de Object profesor2 se devuelve utilizando el operador DOT en Javascript.

Método 4: Crear un objeto usando la nueva palabra clave en JavaScript

Este método se refiere a crear un objeto utilizando la nueva palabra clave en JavaScript. El operador DOT se utiliza para crear las propiedades de los nuevos objetos. Después de eso, se les asignan valores. También es un método de uso común para crear objetos en JavaScript. Para comprender mejor la nueva palabra clave, se proporciona un ejemplo aquí.

Ejemplo

El ejemplo se demuestra creando un objeto maestro en JavaScript.

Código

// Un ejemplo de creación de un objeto usando una nueva palabra clave
var maestro = nuevo objeto ();
maestro.FirstName = "Ali";
maestro.lastName = "Ahmed";
maestro.asunto = "matemáticas";
maestro.edad = 35;
maestro.Haircolor = "Brown";
consola.Log (profesor.nombre de pila);
consola.Log (profesor.edad);
consola.Log (profesor.sujeto);

En este código, la descripción es la siguiente:

• Un objeto maestro se crea con un nuevo palabra clave.
• Después, primer nombre, último nombre, sujeto, edad, y color de pelo Las propiedades se definen con el operador DOT.
• Se asignan diferentes valores a estas propiedades.
• Al final, las propiedades del objeto se muestran utilizando el consola.registro() método.

Producción

La salida muestra la ejecución del código utilizando el nueva palabra clave en JavaScript. Primero el maestro.Nombre devolvió el nombre del maestro Ali. Similarmente, maestro.edad y maestro.sujeto se utiliza para mostrar la edad y el tema del maestro en Javascript.

Conclusión

Las cuatro formas diferentes se demuestran para crear objetos en JavaScript, incluido literales de objetos, métodos de constructor, clases, y el nueva palabra clave. En primer lugar, el objeto literal se usa para crear un objeto por los pares de valor de nombre. El método de constructor se emplea para inicializar un objeto y asignar valores basados ​​en sus propiedades existentes. Además, clases se adaptan para crear objetos y mostrar sus propiedades asignándoles valores. Al final, la palabra clave nuevo se utiliza para crear un solo objeto a la vez y presentarlo en la ventana de la consola.