Location via proxy:   [ UP ]  
[Report a bug]   [Manage cookies]                
Scribd
Upload
71 views

JavaScript Object Methods

This document provides an introduction to JavaScript object methods. It explains that methods are functions assigned as properties of an object. It demonstrates different ways to define methods, including using function expressions, regular function definitions, and ES6 shorthand syntax. The document also discusses how the this keyword references the object when used inside methods to access other properties of that object.

Uploaded by

Muhammad Amir
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
71 views

JavaScript Object Methods

This document provides an introduction to JavaScript object methods. It explains that methods are functions assigned as properties of an object. It demonstrates different ways to define methods, including using function expressions, regular function definitions, and ES6 shorthand syntax. The document also discusses how the this keyword references the object when used inside methods to access other properties of that object.

Uploaded by

Muhammad Amir
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 4

29/07/2022, 08:09 JavaScript Object Methods

Javascript Object Methods

If this JavaScript tutorial saves you


hours of work, please whitelist it in
your ad blocker 😭 and

Donate Now
(https://www.javascripttutorial.net/donation/)

to support us ❤️in paying for web


hosting and CDN to keep the site
running.
Summary: in this tutorial, you’ll learn about the JavaScript object methods and how to define
methods for an object.

Introduction to the JavaScript object methods


An object is a collection of key/value pairs or properties (https://www.javascripttutorial.net/javascript-object-
properties/) . When the value is a function, the property becomes a method. Typically, you use methods
to describe the object behaviors.

For example, the following adds the greet method to the person object:

let person = {

firstName: 'John',

lastName: 'Doe'

};

person.greet = function () {

console.log('Hello!');

https://www.javascripttutorial.net/javascript-object-methods/ 1/4
29/07/2022, 08:09 JavaScript Object Methods

person.greet();

Output:

Hello!

In this example:

First, use a function expression to define a function and assign it to the greet property of the
person object.

Then, call the method greet() method.

Besides using a function expression, you can define a function and assign it to an object like this:

let person = {

firstName: 'John',

lastName: 'Doe'

};

function greet() {

console.log('Hello, World!');

person.greet = greet;

person.greet();

In this example:

First, define the greet() function as a regular function.

Second, assign the function name to the the greet property of the person object.

https://www.javascripttutorial.net/javascript-object-methods/ 2/4
29/07/2022, 08:09 JavaScript Object Methods

Third, call the greet() method.

Object method shorthand


JavaScript allows you to define methods of an object using the object literal syntax as shown in the
following example:

let person = {

firstName: 'John',

lastName: 'Doe',

greet: function () {

console.log('Hello, World!');

};

ES6 provides you with the concise method syntax (https://www.javascripttutorial.net/es6/object-literal-extensions/)


that allows you to define a method for an object:

let person = {

firstName: 'John',

lastName: 'Doe',

greet() {

console.log('Hello, World!');

};

person.greet();

This syntax looks much cleaner and less verbose.

The this value

Typically, methods need to access other properties of the object.

https://www.javascripttutorial.net/javascript-object-methods/ 3/4
29/07/2022, 08:09 JavaScript Object Methods

For example, you may want to define a method that returns the full name of the person object by
concatenating the first name and last name.

Inside a method, the this value references the object that invokes the method. Therefore, you can
access a property using the this value as follows:

this.propertyName

The following example uses the this value in the getFullName() method:

let person = {

firstName: 'John',

lastName: 'Doe',

greet: function () {

console.log('Hello, World!');

},

getFullName: function () {

return this.firstName + ' ' + this.lastName;

};

console.log(person.getFullName());

Output

'John Doe'

Check out this tutorial (https://www.javascripttutorial.net/javascript-this/) for more information on this


(https://www.javascripttutorial.net/javascript-this/) value.

Summary
When a function is a property of an object, it becomes a method.
https://www.javascripttutorial.net/javascript-object-methods/ 4/4

You might also like