JavaScript: Вызов функции класса из forEach

Question

[webinside]

Подскажите пожалуйста правильное решение, потому как я делаю мне кажется не верно.
Смысл таков:

function Class() {
// тупое решение
// _this = this;
function F1() {
  arr.forEach(function(elm)  {
 // Как в этом месте вызвать фунцию F2
 // this в данном случае находится внутри foreach
 // можно извращаться через parentы и создании ссылок на родителя
 _this.F2();  		
 }
}
function F2() { ... }
}

Comments

[GavriKos]

Не знаком с javascript, почему нельзя просто вызвать F2, без шаманства с this? Ведь метод f2 находится в том же классе.

[Zerstoren]

@GavriKos вот именно, не знакомы. Это javascript.

[GavriKos]

ОК, понял - особенности какие то...

Answer 1

[Zerstoren]

Вы написали какую-то фигню.

Вот пара простых решений.

1) С использованием bind

function Class() {};

Class.prototype.F1 = function () {
    var self = this;
    arr.forEach(this.F2.bind(this));
};

Class.prototype.F2 = function () {
    // Some actions
};

2) С использованием замыкания и ссылки на контекст this

function Class() {};
Class.prototype.F1 = function () {
    var self = this;
    arr.forEach(function(elm) {
        self.F2();
    });
};

Class.prototype.F2 = function () {
    // Some actions
};

Оба решения - это нормальная практика. 1е решение на читаемость, 2е на скорость работы.

Пишите классы именно через прототип. То что вы написали глупость. А лучше почитайте немного learn javascript, пропуская не нужное.

Comments

[Илья Милошевич]

@Zerstoren, а какой смысл в первом примере писать this.F2.bind(this)? Нельзя просто написать this.F2?

[webinside]

а почему "именно через прототип" а не function funcName() или funcName = function() ?

[Илья Милошевич]

@webinside, а как вы получите доступ к этим функциям через объект в вашем "решение"? И вот еще почему.

[Zerstoren]

@miloshilya потому что это javascript, почитайте сначала об этой долбнутом языке, чтоб понять зачем это. Ну серьезно, я не буду описывать все тонкие костыли языка. Погуглите про this у javascript.

[Zerstoren]

@webinside дело в том, что Js не является классическим представителем ООП и Прототипного программирования. Тут смесь слона, мухи и котлеты.

У каждой функции есть объект prototype, который включает в себя список аттрибутов и методов, которые будут добавлены к экземпляру класса, после его инстанцирования через new Class();

Именно по этому нужно писать через prototype, есть конечно альтернативы, но в итоге они всё равно будут подключать к аттрибуту prototype.

[Илья Милошевич]

@Zerstoren, это был риторический вопрос...

[Zerstoren]

@miloshilya Я писал к вашему первому комментарию.
"@Zerstoren, а какой смысл в первом примере писать this.F2.bind(this)? Нельзя просто написать this.F2?"

[Илья Милошевич]

@Zerstoren, я понял. Так вот. Смысл привязывать метод к своему же объекту?

[linoleum]

@miloshilya потому что у функции, переданной как колбэк в forEach по умолчанию this указывает на массив, у которого она вызвана. Так что bind здесь обязателен.

Answer 2

[BuranLcme]

Если у вас это нативный forEach, то он в качестве второго аргумента может принимать контекст. Т.е. просто

arr.forEach(function(elm){... this.F2(); ... }, this);

Если ненативная функция, то надо смотреть детали ее реализации.

Answer 3

[webinside]

Может я действительно перемудрил =)
Праздники дают о себе знать