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 控制不折行