console.log nie działa w Angular2 Component (Maszynopis)

Question

Jestem stosunkowo nowy zarówno dla Angular2, jak i maszynopisu. Ponieważ maszynopis jest nadzbiorem javascript, oczekiwałbym, że zadziałają takie funkcje, jak console.log. console.log działa doskonale w plikach .ts, gdy znajduje się poza klasą komponentów, ale nie działa tak, jak oczekiwałbym od wewnątrz klasy komponentów.

// main.ts 

import { Component } from '@angular/core'; 
console.log("Hello1"); //1. This works perfectly 

@Component({..) 
export class App { 
s: string = "Hello2"; 
// console.log(s); //2. This gives compilation error (when uncommented) 
// Error: Function implementation is missing or not immediately following the declaration. 
} 

Czy jest coś, czego mi brakuje?

Answer 1

Nie działa, ponieważ console.log() nie znajduje się w "obszarze wykonywalnym" klasy "App".

Klasa jest strukturą złożoną z atrybutów i metod.

Jedynym sposobem na wykonanie kodu jest umieszczenie go w metodzie, która ma zostać wykonana. Na przykład: konstruktor()

console.log('It works here') 
 

 
@Component({..) 
 
export class App { 
 
s: string = "Hello2"; 
 
      
 
    constructor() { 
 
    console.log(this.s)    
 
    }    
 
}

Think klasy jak zwykły JavaScript Object.

Czy ma sens oczekiwanie, że to zadziała?

class: { 
 
    s: string, 
 
    console.log(s) 
 
}

Jeśli nadal nie ma pewności, spróbuj zabaw maszynopis, gdzie można zobaczyć kod maszynopis generowane na zwykły javascript.

https://www.typescriptlang.org/play/index.html

Answer 2

The console.log powinny być zapakowane w funkcji „default” funkcja dla każdej klasy jest jej constructor więc należy nie zadeklarował.

Answer 3

Spróbuj również zaktualizować przeglądarkę, ponieważ najnowsza przeglądarka Angular Need. sprawdź: https://angular.io/guide/browser-support

Naprawiłem problem z konsolą.log po aktualizacji najnowszej przeglądarki.