export class AppComponent {
title = 'Tour of heroes';
hero: Hero = {
id: 1,name: '张三'
};
}
export class Hero {
id: number;
name: string;
}
就是这一段,看起来有点晕,这里是实例化一个Hero
类型的对象hero
,还是创建一个变量?后面是赋值,但是不知道什么意思?
hero: Hero = {
id: 1,name: '张三'
};
回答:
手动指定 变量的类型,这个是给typescript编译器用的,用来限制变量类型。
一般来说,能够直接被推导的变量不用指明类型。
比如
let a = 1; // a肯定是number
let b = ‘x’; // b肯定是string
class A {}
let c = new A(); // c肯定是A或者A的子类
回答:
对于 class
就相当于一个类型,所以一个存在的类型对于 ts 在编译过程中能否正确的类型推导,这一点没有毛病。
那么当一个 class
存在时,其本质会生成类似以下代码:
var Hero = (function() {
function Hero() {}
// more
})();
因此,一个类需要被明确实例才能算构建实例,比如:
let hero = new Hero();
如果说你没打算或需要去实例一个对象时,那么用 interface
更合理;因为主要目的就是为了能正确的类型推导。
export interface Hero {
id: number;
name: string;
}
这样能保证 ts 正确的类型推导,还不会生成一段 class
所带来的额外无意义的代码,如果你不需要实例的情况下。
Happy coding!
原文地址:https://blog.csdn.net/thlzjfefe" target="_blank" rel="noopener" title="thlzjfefe">thlzjfefe</a> <img class="article-time-img article-heard-img" src="https://csdnimg.cn/release/blo
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。