Почему undefined?

Question

[lavezzi1]

data() {
      return {
        query: 'test',
      };
    },
methods: {
      search: debounce(() => {
        console.log(this.query);
      }, 1000),
},

Answer 1

[lavezzi1]

methods: {
      search: debounce(function () {
        console.log(this.query);
      }, 1000),
},

Comments

[Владимир Скибин]

Осталось только описание почему - https://developer.mozilla.org/ru/docs/Web/JavaScri...

[lavezzi1]

Владимир Скибин, спасибо! но я смутно понимаю почему так. Статью читал до этого. Я всегда думал, что this внутри функции указывает на саму себя, поэтому изначально использовать arrow function. Объясните пожалуйста?

[Владимир Скибин]

Тогда Вам лучше для полного понимания изучить статью, ссылку на которую была приведена, еще раз.

Стрелочные функции не создают собственный контекст this, а используют значение this окружающего контекста