デコレータの実行順序とは何ですか？

Question

なぜ結果が「コンポーネントの前の命令」であるのかわかりません。

function Component(component) { 
    console.log('selector: ' + component.selector); 
    console.log('template: ' + component.template); 
    console.log('component init'); 
    return (target: any) => { 
     console.log('component call'); 
     return target; 
    } 
} 

function Directive() { 
    console.log('directive init'); 
    return (target: any) => { 
     console.log('directive call'); 
     return target; 
    } 

} 

@Component({selector: 'person',template: 'person.html'}) 
@Directive() 
class Person {} 

let p = new Person(); 

出力：

selector: person 
template: person.html 
component init 
directive init 
directive call 
component call 

はcomponent callはdirective call前にすべきではありませんか？

Answer 1

デコレータ表現上から下へと呼ばれ、デコレータを生産ます。
デコレータ自身のトップと反対方向に実行し、下：あなたの例では

@a @b x 
// bit like 
{ 
    const decA = a 
    const decB = b 
    decA(decB(x)) 
} 

{ 
    const decComp = Component({selector: 'person', template: 'person.html'}) 
    // selector: person 
    // template: person.html 
    // component init 
    const decDirective = Directive() 
    // directive init 
    decComp(decDirective(Person)) 
    // directive call 
    // component call 
} 

Reference

Answer 2

ディレクティブコールの前にコンポーネントコールをしてはいけませんか？

いいえ。内側はアウターより前に呼び出されます。基本的に

@C 
@D 
class Person {} 

はへ似何か次のようになります。

C(D(class Person()))