Todo lo que necesita saber sobre los objetos JavaScript

es un lenguaje de programación orientado a objetos. Los objetos forman los bloques de construcción que se consideran el tipo de datos más importantepara el lenguaje de programación. Este artículo proporcionará un conocimiento profundo sobre los objetos JavaScript, cómo se crean y definen en la siguiente secuencia:

• Objeto JavaScript
• ¿Cómo crear un nuevo objeto?
• Propiedades
• Métodos
• Accesores
• Prototipos

Objeto JavaScript

Los objetos son similares a los objetos de la vida real que constan de diferentes atributos y propiedades. Estos objetos se definen como una colección desordenada de datos relacionados, que son de tipos primitivos o de referencia. Estos se definen en forma de pares 'clave: valor'.

Estas claves son variables o funciones que se llaman como propiedades y métodos de un objeto. Puede crear un objeto JavaScript como:

let ObjectName = {Propiedad1: 'Valor', Propiedad2: 'Valor', ... ...}

¿Cómo crear un nuevo objeto?

Hay 3 formas de crear un objeto nuevo:

• Por objeto literal

Sintaxis:

objeto = {propiedad1: valor1, propiedad2: valor2 ..... propiedadN: valorN}

Ejemplo:

empleado = {id: 700, nombre: 'Evan', salario: 30000} document.write (employee.id + '' + employee.name + '' + employee.salary)

Salida:

700 Evan 30000

• Creando instancia de objeto

Sintaxis:

var objectname = nuevo objeto ()

Ejemplo:

var emp = new Object () emp.id = 701 emp.name = 'Karan' emp.salary = 40000 document.write (emp.id + '' + emp.name + '' + emp.salary)

Salida:

701 Karan 40000

• Utilizando un constructor de objetos

Se crea una función con argumentos. Cada valor de argumento se puede asignar en el objeto actual usando esta palabra clave.

Ejemplo:

función empleado (id, nombre, salario) {this.id = id this.name = name this.salary = salario} emp = nuevo empleado (702, 'Neha', 35000) document.write (emp.id + '' + emp .nombre + '' + emp. salario)

Salida:

702 Neha 35000

Propiedades

A propiedad de un objeto es un variable que se adjunta al objeto. Son básicamente las mismas que las variables de JavaScript, excepto por el adjunto a los objetos.

Las propiedades de un objeto definen las características del objeto. Puede acceder a las propiedades de un objeto con una simple notación de puntos como:

objectName.propertyName

Puede definir una propiedad asignándole un valor. Por ejemplo, creemos un objeto llamado Coche y darle propiedades como empresa, modelo y color . Puede definirse como:

var Car = new Object () Car.company = 'Ford' Car.model = 'Mustang' Car.color = 'Red'

Métodos

A método es un función asociado con un objeto. También es una propiedad de un objeto. Los métodos se definen como funciones normales, pero deben asignarse como propiedad de un objeto.

Se puede acceder al método del objeto como:

objectName.methodName ()

Ejemplo:

var person = {firstName: 'Tessa', lastName: 'Den', empid: 7100, fullName: function () {return this.firstName + '' + this.lastName}}

Salida:

Tessa Den

Algunos de los métodos integrados de uso común son:

Accesores

Los Accessors de JavaScript consisten en Getters y Setters que se utilizan para definir los descriptores de acceso a objetos.

• La palabra clave Get

Tomemos un ejemplo y veamos cómo Getters se utilizan para obtener cualquier valor de la propiedad:

var person = {firstName: 'Daisy', lastName: 'Green', empid: 401, get id () {return this.empid}} document.getElementById ('demo'). innerHTML = person.id

Salida:

401

• La palabra clave establecida

Tomemos un ejemplo y veamos cómo Setters se utilizan para conjunto cualquier valor de la propiedad:

cómo finalizar el programa java

var person = {firstName: 'Daisy', lastName: 'Green', empid: 00, set id (value) {this.empid = value}} person.id = 401 document.getElementById ('demo'). innerHTML = person .empid

Salida:

401

Prototipos

Todos los objetos de JavaScript heredan propiedades y métodos de un prototipo. Por ejemplo:

• Fecha los objetos heredan de Fecha.prototipo
• Formación los objetos heredan de Array.prototype
• Persona los objetos heredan de Persona.prototipo

El JavaScript prototipo La propiedad se utiliza para agregar nuevas propiedades a los constructores de objetos.

Ejemplo:

function Persona (primero, último, id, edad) {this.firstName = primero this.lastName = last this.empid = id this.age = age} Person.prototype.nationality = 'Indian'

La propiedad del prototipo también le permite agregar nuevos métodos a los constructores de objetos.

Ejemplo:

function Person (first, last, id, age) {// Añadiendo métodos a los constructores this.firstName = first this.lastName = last this.empid = id this.age = age} Person.prototype.name = function () {return this.firstName + '' + this.lastName}

Puede modificar sus propios prototipos, pero nunca modifique los prototipos de objetos JavaScript estándar.

Con esto, hemos llegado al final de nuestro artículo. Espero que haya entendido los objetos JavaScript y los diferentes métodos para definirlos.

Ahora que conoce los objetos JavaScript, consulte el por Edureka. La capacitación para la certificación de desarrollo web lo ayudará a aprender cómo crear sitios web impresionantes utilizando HTML5, CSS3, Twitter Bootstrap 3, jQuery y las API de Google, e implementarlo en Amazon Simple Storage Service (S3).

Tienes una pregunta para nosotros? Menciónelo en la sección de comentarios de 'Objeto JavaScript' y nos comunicaremos con usted.