javascript - JavaScript 中的 @ 是干什么用的？

Question

我正在阅读MobX 文档，但对以下代码感到困惑：

class Todo {
    id = Math.random();
    @observable title = "";
    @observable finished = false;
}

@observer
class TodoListView extends Component {
    render() {
        return <div>
            <ul>
                {this.props.todoList.todos.map(todo =>
                    <TodoView todo={todo} key={todo.id} />
                )}
            </ul>
            Tasks left: {this.props.todoList.unfinishedTodoCount}
        </div>
    }
}

@符号的意义是什么？

Answer 1

它被称为装饰器，您可以在此处阅读所有相关信息：

https://github.com/wycats/javascript-decorators

装饰器是：

• 一个表达式，其计算结果为一个函数，该函数将目标、名称和装饰器描述符作为参数，并可选地返回一个装饰器描述符以安装在目标对象上