@component中的@是干什么的

Question

import {component} from '@angular/core';
@component({})

从语法上来分析component应该是个函数,那么前面的@对这个函数有什么影响?希望从js或ts语法的角度解释一下。不要说它是个注解或装饰器，不要这种模糊的解释。

Answer 1

就是装饰器语法而已，并没有什么特别的，没有必要深究这种语法风格也被 ES7 接受了，因此某种意义来说不管是 TypeScript 还是 JavaScript 二者所表达的都是一个东西。事实上，注解的概念是来自 AtScript 由 Traceur 转码器带来的。而装饰器则是来自 TypeScript。然而二者虽然在编译的结果后有些差异，但实际使用上绝大多数上没有什么区别。只是语法只是语法只是语法不要纠结语法不要纠结语法不要纠结语法