1

Все мы знаем про $.fn, и как он нам помогает писать свои плагины для jQuery. Например написали мы $.fn.myFunc(), делаем такое $('#block').myFunc(), теперь внутри myFunc() - $('#block') будет доступен как this.

Вот возникла у меня такая необходимость, в моем nodejs проекте, передать функции объект через точку, и чтоб та получила его внутри себя как this. Т.е. нужно сделать что-то вроде этого:

var getSessionVars = function() {
   console.log(this.session);
}

//и где-то там далеко такой вызов

req.getSessionVars();

Такая конструкция работать не будет, мы получим:

req.getSessionVars is not a function

Как заставить этот код работать, как можно реализовать подобное нативным js'oм?

3 ответа 3

2

В JavaScript у каждой функции есть свои методы call, apply и bind, которые позволяют передавать контекст вызову функции (грубо говоря передавать this).

  1. Function.prototype.call (документация):

    Синтаксис: fun.call(thisArg[, arg1[, arg2[, ...]]])

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

    Пример: var result = getSessionVars.call(req, 'foo', 'bar');

  2. Function.prototype.apply (документация):

    Синтаксис: fun.apply(thisArg, [argsArray])

    Первым аргументом передается объект контекста (this), а вторым - массив аргументов, которые необходимо передать функции в качестве параметров.

    Пример: var result = getSessionVars.apply(req, ['foo', 'bar']);

  3. Function.prototype.bind (документация):

    Синтаксис: fun.bind(thisArg[, arg1[, arg2[, ...]]])

    Первым аргументом передается объект контекста (this), а далее через запятую по необходимости перечисляются аргументы, которые необходимо передать функции в качестве параметров. На выходе получается новая функция с жестко определенным контекстом (this), которую в последствии можно использовать самостоятельно. Эту новую функцию тоже можно вызывать с аргументами, они будут добавлены к тем, которые были определены на момент создания "контекстной" функции.

    Пример:

    var getReqVars = getSessionVars.bind(req, 'foo');
    var result = getReqVars('bar');
    

Итого: каждый метод первым параметром принимает объект контекста (this); разница между call и apply в том, что в apply аргументы перечисляются через массив. bind позволяет создать новую функцию с прикрепленным контекстом для последующего использования.

1

Можно добавлять функции в прототипы, наподобие:

String.prototype.test = function() {
    return "Hi, " + this + "!";
};

"Sanu".test(); // Hi, sanu!

Аналогично Вы можете расширить как любой конкретный объект, так все объекты: Object.prototype, так как все объекты являются потомками Object. Одно другого не исключает и Вы так же можете переопределить расширение в потомках.

0
0

А что мешает реализовать механизм как у jQuery, т.е. заранее сохранить прототип объекта? Или использовать динамическое определение методов:

var getSessionVars = function() {
  console.log(this.session);
}

//и где-то там далеко такой вызов
req.getSessionVars = getSessionVars;
req.getSessionVars();

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.