-1

Здравствуйте,

раньше я писал так:

myElem.onfocus = function () {
  magicWithMyElem(this);
}

Теперь, узнав как посокращать код с функциональными выражениями, везде исправил на:

myElem.onfocus = () => {
  magicWithMyElem(this);
}

Столкнулся с тем, что раньше в this было myElem, а теперь this возвращает window

Подскажите что делать

Stanislav Sagan
  • 634
  • 2
    Вернуть все назад. В первом варианте в this подставляется объект, от которого вызвана функция, во втором - объект в методе которого было вызвано присваивание myElem.onfocus = ... – n0rd Jan 30 '17 at 23:09
  • Контекст вызова потерян, се ля ви. Сегодня сам читал про это главу на learn.javascript.ru. Советую обратиться туда и освежить голову. – wokalek Jan 30 '17 at 23:12
  • И не на том ты экономишь в js, ох не на том) С таким лучше не заниматься хаками, а следовать стандартам. – wokalek Jan 30 '17 at 23:16
  • И да, справедливости ради, в первом случае this не всегда будет равен myElem: myElem.onfocus.apply(window) – n0rd Jan 30 '17 at 23:16
  • @n0rd, а что этот пример должен показать? Конечно this и не будет равен, контекст же самостоятельно был передан window. Но использовать в функциях (даже анонимных) this - нормальная практика. Нужно просто понимать, на какое дело создаются функции. – wokalek Jan 30 '17 at 23:18
  • @VostokSisters, а на чем экономить в js ? – Stanislav Sagan Jan 31 '17 at 08:37
  • @StanislavSagan на конструкторах :DDD Но честно говоря, не приведу масштабного примера, потому что опыта мало. Но контекст вызова функции - штука сложная, играться с ней не лучшее решение. – wokalek Jan 31 '17 at 09:05

1 Answers1

5

Это называется стрелочная функция.
Она отличается от обычной рядом особенностей:

  • Нет своего this, arguments (берётся от предка, Вы исполняете код в глобальном скоупе, а там this указывает на window).
  • Не может быть генератором.
  • Нет возможности вызова с new.
  • Нормально ли будет подставлять вместо this элемент из события event ? Как лучше поступать? – Stanislav Sagan Jan 31 '17 at 08:38
  • @StanislavSagan, нормально или нет - это смотря от Вашей общей архитектуры. Я бы не использовал стрелки там, где нужен this или особенности "старших" функций. Разница-то в количестве букв на function :) –  Jan 31 '17 at 09:56