console.log funktioniert nicht in Angular2 Komponente (Typescript)

Question

Ich bin relativ neu sowohl Angular2 und Typoskript. Da Typoskript eine Obermenge von Javascript ist, würde ich erwarten, dass Funktionen wie console.log funktionieren. console.log funktioniert einwandfrei in .ts Dateien außerhalb einer Komponentenklasse, funktioniert aber nicht so, wie ich es von der Komponentenklasse erwarten würde.

// 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. 
} 

Gibt es etwas, das ich vermisse?

Answer 1

Es funktioniert nicht, weil console.log() es nicht in einem "ausführbaren Bereich" der Klasse "App" ist.

Eine Klasse ist eine Struktur, die aus Attributen und Methoden besteht.

Die einzige Möglichkeit, Ihren Code auszuführen, besteht darin, ihn in eine Methode einzufügen, die ausgeführt wird. Zum Beispiel: Konstruktor()

console.log('It works here') 
 

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

Denken der Klasse wie ein einfaches Objekt JavaScript.

Wäre es sinnvoll zu erwarten, dass dies funktioniert?

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

Wenn Sie noch unsicher, das Typoskript Spielplatz versuchen, wo Sie Ihre Typoskript Code generiert in einfache Javascript sehen kann.

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

Answer 2

Die console.log sollte in einer Funktion, die „default“ Funktion für jede Klasse eingewickelt werden soll, seine constructor so sollte es dort deklariert werden.

Answer 3

Versuchen Sie auch, Ihren Browser zu aktualisieren, weil Angular neuesten Browser benötigen. überprüfen: https://angular.io/guide/browser-support

Ich behoben console.log Problem nach der Aktualisierung des neuesten Browsers.