主页 / 问题 / 570461
Accepted
sanu
Asked:2020-09-26 16:43:19 +0000 UTC2020-09-26 16:43:19 +0000 UTC

TypeScript + jQuery：关于从事件处理程序访问类属性 [重复]

  • 772

在我最近开始的项目中，我决定使用 TypeScript + jQuery。我使用 systemJS 设置了脚本的动态加载，一切都很酷。这是第一个耙子，我有一个带有菜单的菜单类、detailsMenuContainer、状态属性，这些属性在构造函数中填充，并且处理程序被挂起——它们在处理程序内部变得不可用，然后我不得不将它们设为静态：

export class Menu{

    private static menu;
    private static detailsMenuContainer;
    private static state :boolean = false;

    constructor(){
        Menu.menu = $(MENU);
        Menu.detailsMenuContainer = $(DETAILS_MENU_CONTAINER);
        fn.setOnDocumentListener('mousemove',MENU_EVENT_NAME,null,this.mousePosChecker);
    }

    public static showMenu(){
        Menu.state = true;
        Menu.menu.prop('class',ACTIVE_MENU_STATE_CLASS);
        Menu.detailsMenuContainer.prop('class',ACTIVE_MENU_STATE_CLASS);
    }

    public static hideMenu(){
        Menu.state = false;
        Menu.menu.prop('class',INACTIVE_MENU_STATE_CLASS);
        Menu.detailsMenuContainer.prop('class',INACTIVE_MENU_STATE_CLASS);
    }

    private mousePosChecker(e){
        let posX = e.clientX, posY = e.clientY, controlStateSize = CONTROL_STATE_INACTIVE;
        if(Menu.state) controlStateSize = CONTROL_STATE_ACTIVE;

        if(posY > CONTROL_TOP_STATE && posX < controlStateSize && !Menu.state){
            Menu.showMenu();
        }else if((posY < CONTROL_TOP_STATE || posX > controlStateSize) && Menu.state){
            Menu.hideMenu();
        }
    }
}

那些。如果他们不是static，那么他们将在处理程序中undefined！

向我解释为什么会这样？有什么办法可以使它们成为非静态的吗？很不方便！！！

javascript

1 个回答

  1. Best Answer

    static在任何语言中都被认为是错误的形式，除非在某些情况下它们的使用是合理的，例如在 utils 中。
    您有一个典型的问题javascript，或者更确切地说，是上下文丢失。我不会列出所有可能的退货方式，但我会展示我自己使用的方式 -

    class SomeClass {
    private handler = ( event: Event ) => {
        // присваиваем свойству стрелочную функцию,
        // которая всегда сохраняет свой контекст.
    };
}

    而我写上去的时候TypeScript，一定会用到极致。在声明和返回时不指定类型，不在接口上构建架构，你就失去了完全自动完成的可能性，在编译阶段识别大部分错误，并理解编程的本质。而给TypeScript开发者js最重要的就是开发。

    并且如评论中所述，该方法不会是原型方法，而是在构造函数中创建。我要说明，这不是问题ts，这是问题js。唯一值得回忆的是，有一条规则说处理程序中的很多代码不是很好。所以，你需要把逻辑层的逻辑全部拿出来，创建函数的问题就不会那么可怕了。

    • 1

相关问题