UIDHTML | Free web and APP learning website | Course Details - JavaScript/Typescript features -object literals

JavaScript/Typescript - 16 Topics

Basic

Mouse Events

Mobile Gestures

String Methods

Array Methods

Object

Modern Javascript (ES6)

Inheritance

1. inheritance arrow_right

Encapsulation

1. Access modifiers and encapsulation arrow_right

Polymorphism

Design Patterns with Classes

Promise

Decorators

1. Deep dive into decorators arrow_right

Generics

1. Deep dive into generics arrow_right

Error Handling

DEEP DIVE INTO

JavaScript/Typescript

Topic:object literals

What is object literals?

Object literals is nothing, it's an object with key value pairs, which we already learned in previous chapter in object intro.

Example:

javascriptconst calculation = {
  type: "Addition",
  x : 10, 
  y: 20,
  sum: () => return this.x + this.y; 
}

The value can be a number, a string, an array, a function, or even another object. If the value is a function then it is known as a method. Here greet, x and y is called key or property and sum is called method.

Let's access the value.

javascriptconst typeValue = calculation.type; // "Addition"
const xValue = calculation.x; // 10
const xValue = calculation.y; // 20
const result = calculation.sum(); // 30