javascript - 如何在对象的属性值中引用 'this'？

Question

var search = {
    form: $('search-form'),
    input: this.form.find('.search-input'), // 'this' undefined
    callback: function(){
        console.log(this.form) // 'this' not undefined
    }
}

请帮帮我!抱歉，我的英语不是很好，但我会尽力解释我的问题。我无法选择当前对象表单内的输入元素，因为 this.form 未定义。为什么它是未定义的？

这段代码有什么问题？

input: this.form.find('.search-input')

我该如何更正上面的代码？

Answer 1

您可以将 input 属性更改为函数:

var search = {
    form: $('search-form'),
    input: function() { 
       return this.form.find('.search-input') 
    }, 
    callback: function(){
        console.log(this.form) // 'this' not undefined
    }
}

然后使用search.input()调用来获取结果。