Angular+Typescript 学习笔记(一)---Interface

Interface

typescript 中,接口就是为类型命名,为代码或第三方代码定义契约。
自己的理解就是定一个的数据格式可以使用接口,以此来约定类型。

  • 使用场景
    一般在描述一个对象的属性,(带?的是可选属性)
interface User = {
   	name:string;
   	id?:number
}
// 使用可以这样使用
function setUser(user:User){
   console.log(user.name)
}
let laosan = {name:'老三',id:1};
setUser(laosan);//'老三'

并不是说 laosan实现了这个 User 接口,这里跟 java 不一样,而是说laosan 的结构根 User 结构一样,只要结构一样就被允许
可选属性好处是可以将可能用存在的属性进行预定义,防止使用错误

  • 函数类型
    接口也可以定义函数类型
interface Func{
		(id:number,name:string):boolean;
}
我们可以像使用其它接口一样使用这个函数类型的接口。如下:
let myFunc: Func;
myFunc = function(id: number, name: string) {
  return id === 1;
}

Tips

white-space:nowrap;css 控制不折行

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章