javascript - 通过命名函数避免 CoffeeScript 中的重复代码

Question

我试图在coffescript中声明一个函数，该函数在文档准备好以及用户在搜索栏中输入内容时都会被调用。基本上，有时搜索栏会呈现一个值，有时用户会键入该值。我想仅在有文本时显示“x”图标以清除搜索栏。我能弄清楚如何完成这项工作的唯一方法是编写相同的代码两次，一次在按键处理程序中，一次在文档准备好时:

$ -> 
    $('.clear-search').click ->
        $(this).prev('input').val('').focus();
        $('span.clear-search').hide()

    $('#query_raw_query').keypress ->
        if $('#query_raw_query').length > 0
            $('span.clear-search').show()
        else
            $('span.clear-search').hide()
        end

    if $('#query_raw_query').length > 0
        $('span.clear-search').show()
    else
        $('span.clear-search').hide()
    end

我真正想做的只是创建一个名为 check_empty 或其他名称的函数，然后在两个地方都调用它，但我似乎无法使其工作。

感谢您的帮助。

Answer 1

$ -> 
    someFunctionName = ->
        if $('#query_raw_query').length > 0
            $('span.clear-search').show()
        else
            $('span.clear-search').hide()
        end

    $('.clear-search').click ->
        $(this).prev('input').val('').focus();
        $('span.clear-search').hide()

    $('#query_raw_query').keypress ->
        someFunctionName()

    someFunctionName()