主页 / 问题 / 1599991
Accepted
Reiji Akkerman
Asked:2024-11-17 01:00:50 +0800 CST2024-11-17 01:00:50 +0800 CST

JS 中 goto 的类似物

  • 772

我正在编写一个函数，用于确定在 5 个相同类型的特定按钮上运行哪些功能（它们具有相同的工作空间，但操作方式不同）。一般来说，如果我用 C 或 PHP 编写，goto我会使用这样的东西。

activate() {
        if(MainActions.#stack.peek() !== this.dataset.action_type)
            MainActions.#close_main_action();
        switch(this.dataset.action_type) {
            case 'sync-with-github':
                break;
            case 'split-list':
                MainActions.#split_list_activate();
                goto function_end;
                break;
            case 'combine-lists':
                MainActions.#combine_lists_activate();
                goto function_end;
                break;
            case 'create-new-list':
                MainActions.#create_new_list_activate();
                goto function_end;
                break;
            case 'close-editing':
                MainActions.#close_main_action();
                MainActions.#close_main_action_hide_button();
                break;
        }
        return;
        function_end:
        MainActions.#stack.push(this.dataset.action_type);
        MainActions.#close_main_action_show_button();
    }

正如您从代码中看到的，我想将仅按某些按钮收到的数据添加到堆栈中。我实在不想每一篇都写同样的内容case。当然，您可以使用后面的内容创建一个单独的方法function_end，并将其连接到您需要的每个方法case，但是用一个对该类没有意义的方法填充一个类（是的，它只对方法有意义activate，对全班）也很丑。

问：JS中可以用什么替换来解决这种情况？goto

javascript

2 个回答

  1. 如果你真的想要，你可以使用标签

    function activate(type) {
  const stack = [];
  label_switch: {
    switch (type) {
      case 'sync-with-github':
        break;
      case 'split-list':
        stack.push('split-list');
        break label_switch;
      case 'combine-lists':
        stack.push('combine-lists');
        break label_switch;
      case 'create-new-list':
        stack.push('create-new-list');
        break label_switch;
      case 'close-editing':
        stack.push('close-editing');
        stack.push('close-editing-2');
        break;
    }
    return stack;
  }

  stack.push('after-swicth');
  return stack;
}

console.log(activate('sync-with-github'))
console.log(activate('split-list'))
console.log(activate('combine-lists'))
console.log(activate('create-new-list'))
console.log(activate('close-editing'))

    • 3
  2. Best Answer

    您可以在方法内创建本地函数并使用它。goto在现代世界，这被认为是不好的做法（除了在极少数情况下它是有用的）。

    activate() {
    const pushActionToTheStack = () => {
        MainActions.#stack.push(this.dataset.action_type);
        MainActions.#close_main_action_show_button();
    };
  
    if (MainActions.#stack.peek() !== this.dataset.action_type)
        MainActions.#close_main_action();
    switch (this.dataset.action_type) {
        case 'sync-with-github':
            break;
        case 'split-list':
            MainActions.#split_list_activate();
            pushActionToTheStack();
            break;
        case 'combine-lists':
            MainActions.#combine_lists_activate();
            pushActionToTheStack();
            break;
        case 'create-new-list':
            MainActions.#create_new_list_activate();
            pushActionToTheStack();
            break;
        case 'close-editing':
            MainActions.#close_main_action();
            MainActions.#close_main_action_hide_button();
            break;
    }
}

    一般来说，在类中添加私有方法也是一种正常的解决方案，即使它只被一个方法使用，因为该方法解决了整个类所从事的部分通用问题

    • 2

相关问题