Window == this в Jquery 3?

Question

[EpicUsaMan]

$.fn.anyFunction = () => {
console.log(this == window);
return this;
}

$(document).ready(() => {
$('div').anyFunction(); // true
});

Почему и как исправить?

Answer 1

[Евгений]

Потому что вы используете стрелочные функции - они не используют контекст, если он вам нужен юзайте стандартные функции:
function () { ... }

Comments

[Stalker_RED]

они не используют контекст

Используют же. Но не контекст с места вызова, а контекст с того места, где они объявлены.

[Евгений]

Stalker_RED: Да, немного не так выразился, сорян

Answer 2

[Stalker_RED]

Стрелочные функции используют контекст в котором они были объявлены. Вы объявляли в window, а в примере ниже - в объекте blablabla.

function blablabla() {
  $.fn.anyFunction = () => {
    console.log('compare to window: ', this == window); // false
    console.log('compare to blablabla: ', this instanceof blablabla); // true
    console.log(this);  // blablabla {}
    return this;
  }
}

$(document).ready(() => {
  var b = new blablabla();
  $('div').anyFunction();
});

https://jsfiddle.net/4az1vyee/