Почему не видит метод?

Question

[lookingfor2]

Здравствуйте! Объясните пожалуйста почему не видит метод checkAttributeName который я вызываю в цикле

validateInput: function(){

                let field = [];
                let input = this.$el.find('input[data-validate]');
                input.each(function () {
                    field.push('input[data-validate]');
                    let value = $(this).val();
                    for(let i=0;i<field.length;i++) {
                        if(this.getAttribute('name') === "name"){
                            this.checkAttributeName(value);
                        }
                        else if( !value ) {
                           console.log("пусто");
                        }
                    }
                });

        },
        checkAttributeName: function(value){
            console.log(value);
            if (value.length < 2){
                console.log("Длинна введенных данных меньше допустимого значения");
            }else if(typeof value !== "string"){
                console.log("erro");
            }
        },

При том что выше я так же вызываю метод в другом методе и все работает

numberActiveTab: function () {
            for (let i = 0; i <= this.$tab.length - 1; i++){
                if (this.$tab[i].classList.contains('active')){
                    return i;
                }
            }
        },
        changeClassElement: function(button){
            let countAllTabs = this.$tab.length - 1;

            let clickButton = button;
            let resultNumberActiveTab = this.numberActiveTab();

Comments

[Kovalsky]

Потому что this в методе validateInput и this в функции input.each(function () {}) указывают на разные объекты

[lookingfor2]

Kovalsky, а я могу вызвать нужный метод как то с input.each(function () {}) ?

[Kovalsky]

lookingfor2, да, конечно, просто вызывайте этот метод у того объекта у которого он есть. У вас в each вроде бы this ссылается на window, а должно быть на исходный объект.

[lookingfor2]

Kovalsky, спасибо большое Вам )

[Onzabr]

lookingfor2, используйте стрелочные функции, если это возможно, у них нет контекста this. Если их использование невозможно, можно сохранять контекст в переменную, до объявления foreach:
var that = this;

[lookingfor2]

Onzabr, очень полезно, спасибо большое, буду изучать

Answer 1

[shsv382]

Вызываешь метод внутри объекта input, меняется this. Попробуй

validateInput: function(){
                const checkAttributeName = this.checkAttributeName.bind(this)
                let field = [];
                let input = this.$el.find('input[data-validate]');
//   ... далее по тексту ...
if(this.getAttribute('name') === "name"){
                            checkAttributeName(value);
                        }
// ... далее по тексту ...