我对Angular2和Typescript都比较陌生。由于typescript是javascript的超集,因此我希望函数console.log
能正常工作。console.log
在.ts
组件类外部时,该文件可以在文件中完美运行,但不能像我期望的那样在组件类内部运行。
// 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.
}
有什么我想念的吗?
它不起作用,因为console.log()不在类“ App”的“可执行区域”中。
类是由属性和方法组成的结构。
执行代码的唯一方法是将其放在要执行的方法中。例如:constructor()
console.log('It works here')
@Component({..)
export class App {
s: string = "Hello2";
constructor() {
console.log(this.s)
}
}
将类视为普通的javascript对象。
期望这行得通吗?
class: {
s: string,
console.log(s)
}
如果您仍然不确定,请尝试打字机游乐场,在这里您可以看到您的打字机代码已生成为纯JavaScript。
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句