JavaScript | Методы объекта

Опубликовано: 13 Декабря, 2021

Доступ к методам объектов в JavaScript можно получить с помощью функций. Функции в JavaScript хранятся как значения свойств. Объекты также можно вызывать без использования скобок ().

В методе this относится к объекту-владельцу.
Дополнительная информация также может быть добавлена вместе с методом объекта.

Синтаксис:

 objectName.methodName ()

Свойства: функцию можно разделить на разные значения свойств, которые затем объединяются и возвращаются вместе.
Например, функция Student содержит свойства:

имя
класс
раздел

Возвращаемое значение: возвращает методы / функции, хранящиеся как свойства объекта.

Пример 1. В этом примере в качестве значения свойства используется определение функции.

Выход:

Пример 2: В этом примере используется сохранение значений свойств и доступ без скобок ().

 <!DOCTYPE html>
 < html >
 
< head >
    < title >
        JavaScript Object Methods
    </ title >
 </ head >
 
< body >
    < h1 >Geeks</ h1 >
     
    < h3 >JavaScript Object Method</ h3 >
     
    < p >
        studentDetail is a function definition,
        it is stored as a property value.
    </ p >
     
    < p >
        Function definition is returned
        if we don't use ().
    </ p >
    < p id = "gfg" ></ p >
     
    < script >
     
        // Object creation
        var student = {
            name: "Martin",
            class : "12th",
            section : "A",
             
            studentDetails : function() {
                return this.name + " " + this.class
                    + " " + this.section + " ";
            }
        };
         
        // Display object data
        document.getElementById("gfg").innerHTML
                = student.studentDetails;
    </ script >
 </ body >
 
</ html > 

Выход:

Пример 3: Использование определения функции в качестве значения свойства и доступ с дополнительными сведениями.

 <!DOCTYPE html>
 < html >
 
< head >
    < title >
        JavaScript Object Methods
    </ title >
 </ head >
 
< body >
    < h1 >Geeks</ h1 >
     
    < h3 >JavaScript Object Method</ h3 >
     
    < p >
        studentDetail is a function definition,
        it is stored as a property value.
    </ p >
     
    < p id = "gfg" ></ p >
     
    < script >
     
        // Object creation
        var student = {
        name: "Martin",
        class : "12th",
        section : "A",
         
        studentDetails : function() {
            return this.name + " " + this.class
                + " " + this.section + " ";
        }
    };
     
    // Display object data
    document.getElementById("gfg").innerHTML
        = "STUDENT " + student.studentDetails();
    </ script >
 </ body >
 
</ html > 

Выход:

JavaScript Picked

JavaScript | Методы объекта

РЕКОМЕНДУЕМЫЕ СТАТЬИ