Question

我在Angular2 Web应用程序上工作。我在typescript中创建了一个简单的类：

export class User {
    firstName: string;
    lastName: string;

    nominative() : string {
        return this.lastName + " " + this.firstName;
    }
}

当我在nominative类型的对象上调用User时，我收到此错误：Error in :0:0 caused by: user.nominative is not a function。

我在我的AppComponent课程中调用该函数：

export class AppComponent implements OnInit {
    name: string = "";

    ngOnInit() : void {
        let user = JSON.parse(sessionStorage.getItem("User")) as User;
        if (user) {
            this.name = user.nominative();
        }
    }
}

我已经尝试过以这种方式使用lambda表达式：

nominative = () : string => { ... }

但没有变化。问题只出在这堂课上，所以我做错了什么？

Answer 1

as User只告诉编译器可以安全地假设该值是User类型，但对运行时没有任何影响，并且它没有任何方法，因为方法不是通过JSON传递。

你需要

let user = new User(JSON.parse(sessionStorage.getItem("User")));

获取实际的User实例。您需要创建一个构造函数，将JSON中的值分配给

等字段

class User {
  ...
  constructor(json:any) {
    this.firstName = json.firstName;
    this.lastName = json.lastName;
  }

打字稿类中的方法给出错误＆＃34;不是函数＆＃34;

1 个答案: