Книга: JavaScript. Подробное руководство, 6-е издание

8.2.2. Вызов методов

8.2.2. Вызов методов

Метод - это не что иное, как функция, которая хранится в виде свойства объекта. Если имеется функция f и объект о, то можно определить метод объекта о с именем m, как показано ниже:

о.m = f;

После этого можно вызвать метод m() объекта о:

о.m();

Или, если метод m() принимает два аргумента, его можно вызвать так:

о.m(х, у);

Строка выше является выражением вызова: она включает выражение обращения к функции о.m и два выражения-аргумента, х и у. Выражение обращения к функции в свою очередь является выражением обращения к свойству (раздел 4.4), а это означает, что функция вызывается как метод, а не как обычная функция.

Аргументы и возвращаемое значение при вызове метода обрабатываются точно так же, как при вызове обычной функции. Однако вызов метода имеет одно важное отличие: контекст вызова. Выражение обращения к свойству состоит из двух частей: объекта (в данном случае о) и имени свойства (m). В подобных выражениях вызова методов объект о становится контекстом вызова, и тело функции получает возможность ссылаться на этот объект с помощью ключевого слова this. Например:

var calculator = { // Литерал объекта
  ореrand1: 1,
  operand2: 1,
  add: function() {
    // Обратите внимание, что для ссылки на этот объект используется
    // ключевое слово this.
    this.result = this.operandl + this.operand2:
  }
};
calculator.add(); // Вызвать метод, чтобы вычислить 1+1.
calculator.result // => 2

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

о["m’'](х,у); // Другой способ записать это выражение: о.m(х.у).
a[0](z) // Тоже вызов метода (предполагается, что а[0] - это функция).

Выражения вызова методов могут включать более сложные выражения обращения к свойствам:

customer.surname.toUpperCase(): // Вызвать метод объекта customer.surname
f().m();         // Вызвать метод m() возвращаемого значения функции f()

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

rect.setSize(width, height);

setRectSize(rect, width, height);

Гипотетически функции, вызывающиеся в этих двух строках, могут производить абсолютно идентичные действия над объектом rect (гипотетическим), но синтаксис вызова метода в первой строке более наглядно демонстрирует, что в центре внимания находится объект rect.

Обратите внимание: this - это именно ключевое слово, а не имя переменной или свойства. Синтаксис JavaScript не допускает возможность присваивания значений элементу this.

В отличие от переменных, ключевое слово this не имеет области видимости, и вложенные функции не наследуют значение this от вызывающей функции. Если вложенная функция вызывается как метод, значением this является объект, относительно которого был сделан вызов. Если вложенная функция вызывается как функция, то значением this будет либо глобальный объект (в нестрогом режиме), либо undefined (в строгом режиме). Распространенная ошибка полагать, что во вложенной функции, которая вызывается как функция, можно использовать this для получения доступа к контексту внешней функции. Если во вложенной функции необходимо иметь доступ к значению this внешней функции, это значение следует сохранить в переменной, находящейся в области видимости внутренней функции. Для этой цели часто используется переменная с именем self. Например:

var о = { // Объект о.
  m: function() { // Метод m объекта.
    var self = this; // Сохранить значение this в переменной,
    console.log(this === о); // Выведет "true": this - это объект о.
    f(); // Вызвать вспомогательную ф-цию f().
    function f() { // Вложенная функция f
      console.log(this === о); // "false": this - глоб. об. или undefined
      console.log(self === o); // "true": self - знач, this внеш. ф-ции.
    }
  }
};
o.m(); // Вызвать метод m объекта о.

В примере 8.5 (раздел 8.7.4) демонстрируется более практичный способ использования идиомы var self=this.

Оглавление книги