如何在同一个类的另一个方法中的块内部调用方法?

时间:2019-10-27 08:52:47

标签: javascript methods scope es6-class

如果字符串不为空,我想从'addItem()'方法调用'clearFields()'方法。

我无法使它正常工作,我也不知道是否有可能。我需要跳出两个作用域步骤才能实现所需的功能,但是我不知道该怎么做或是否可以完成。有没有办法使if语句成为箭头函数来避免这种情况,或者您对此问题有其他解决方案吗?

class View {
constructor(){}

domStrings = {
    description: '.desc-input',
    addButton: '.btn-add',
    todoList: '.todos',
    todoCompleteList: 'todos-complete'
}

addItem() {
    const inputText = document.querySelector('.desc-input').value;
    if (inputText !== '') {
        const str = `<div class="todo-item"><p class="todo-text">${inputText}</p><button type="submit" class="btn btn-del pure-button"><i class="fas fa-trash"></i></button><button type="submit" class="btn btn-complete pure-button"><i class="fas fa-check"></i></button></div>`;
        document.querySelector('.todos').insertAdjacentHTML('beforeend', str);

        this.clearField(); // <--- THIS IS THE PROBLEM
    }
}

clearField() {
    document.querySelector('.desc-input').value = '';
}

}

0 个答案:

没有答案