@component中的@是干什么的

Question

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

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

Answer 1

就是装饰器语法而已，并没有什么特别的，没有必要深究这种语法风格也被 ES7 接受了，因此某种意义来说不管是 TypeScript 还是 JavaScript 二者所表达的都是一个东西。

事实上，注解的概念是来自 AtScript 由 Traceur 转码器带来的。而装饰器则是来自 TypeScript。然而二者虽然在编译的结果后有些差异，但实际使用上绝大多数上没有什么区别。

只是语法
只是语法
只是语法

不要纠结语法
不要纠结语法
不要纠结语法