Czy to TypeScript?

Question

Hej, przeglądając kod, natknąłęm się na coś takiego i zastanawiam się co to może być. w VueJS zawsze spotykałem się z czymś takim:

watch: {
...
},
props: {
...
}

Natomiast w kodzie tutaj, jest coś takiego:

    @Component({})
    export default class Modals extends Vue {
        @Prop({ default: false, type: Boolean }) public compact?: boolean;

        get modalSize() {
            return this.compact ? '300' : '900';
        }
    }

Czy export default class to jest coś z TypeScript'a czy jest to bardziej zaawansowany JS? I na jakiej zasadzie działa @pros (Chodzi o małpę) 

Answer 1

Tak, to TS, na co wskazuje ten fragment kodu:

public compact?: boolean;

W JS-ie nie ani słowa kluczowego public, ani oznaczeń typów (boolean).

A skoro to TS, to dekoratory (czyli fargmenty z @) działają nieco inaczej od tych, które wkrótce trafią do standardu JS.

Natomiast export to moduły z JS-a. TS z nich korzysta, nieco zmieniając ich działanie.

Answer 2

@ - to tak zwane dekoraratory. Funkcje które rozszerzają kod danej funkcji / klasy. Myślę że szukając w google o dekoratorach znajdziesz to czego szukasz ;)

export / export default / import - to słowa kluczowe dla ES Module zamienniki dla required / module.exports (Common JS).

Obie rzeczy są z JSa. Nie ma tu nic z typescripta.

Comments

Obie rzeczy są z JSa. Nie ma tu nic z typescripta.

Dekoratory są w TS, póki co nie ma ich w JS [1, 2].

---

póki co nie ma ich w JS

Są na stage 3, więc de facto już są w JS (zwłaszcza, że implementacje w Babelu też się liczą).

Nie ma tu nic z typescripta.

Są tu rzeczy z TS-a, np. public + typ zmiennej:

public compact?: boolean;

 

---

O kurcze racja nie zwróciłem uwagi na typy :D Skupiłem się na fragmentach wskazanych w pytaniu