Qual è il @ utilizzato in JavaScript?

Question

Sto leggendo attraverso il MobX docs e io sono confuso dal seguente codice:

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> 
    } 
} 

Qual è il significato del simbolo @?

Answer 1

Si chiama un decoratore, si può leggere tutto su di esso qui:

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

decoratore è:

• un'espressione che restituisce una funzione che prende il bersaglio, nome e descrittore decoratore come argomenti e facoltativamente restituisce un descrittore decoratore da installare sull'oggetto di destinazione