cocoscreatorTS使用详解二

/*** 接口的作用&＃xff0c;在面向对象的编程中&＃xff0c;接口是一种规范的定义&＃xff0c;它定义了行为和动作的规范&＃xff0c;在程序设计里面&＃xff0c;接口起到一种限制和规范的作用接* 接口定义了某一批类所需要遵守的规范&＃xff0c;接口不关心这些类的内部状态数据&＃xff0c;也不关心这些类里方法的实现细节&＃xff0c;他只规定这批类里面必须提供* 某些方法&＃xff0c;提供这些方法的类就可以满足实际需要&＃xff0c;typescript中的接口类似于java&＃xff0c;同事还增加了更灵活的接口类型&＃xff0c;包括属性、函数、* 可索引和类等。* 接口是定义的规范&＃xff0c;可以复用* 关键字 interface*/
// 1. 属性接口 对json的约束//ts定义方法只能对单一&＃xff0c;进行约束
function printLabel(labelInfo: {label: string}): void {console.log(labelInfo.label)
}
// printLabel({name:"张三"})//错误写法
printLabel({label: &＃39;李四&＃39;
}) //正确写法 传入参数必须有label// 属性接口 对批量方法传人参数进行约束interface FullName {firstName: string; //注意以;结束secondName: string;
}function printName(info: FullName) {//必须传入对象 firstName secondNameconsole.log(info.firstName &＃43; info.secondName)//info.age,虽然传人了&＃xff0c;但是在FullName中未定义&＃xff0c;报错&＃xff0c;所以严格按照接口要求
}
//printName({firstName:&＃39;firstName&＃39;}) //错误&＃xff0c;约束必须传入对象 firstName secondName// printName({
// firstName:&＃39;张&＃39;,
// secondName:&＃39;三&＃39; ,
// age:20 //报错 这种写法,传入值只能包含接口定义的属性
// })
//这样定义在外部就可以传入接口写未定义的属性&＃xff0c;但是不能在方法中使用&＃xff0c;因为未定义该属性var obj &＃61; { //这里的obj为interface类型&＃xff0c;不能定义为objectfirstName: &＃39;张&＃39;,secondName: &＃39;三&＃39;,age: 20
}
printName(obj);//接口可选属性
interface FullName2 {firstName: string;lastName?: string; //可选属性
}function printName2(info: FullName2) {console.log(info.firstName &＃43; info.lastName) //张 undefined
}
printName2({firstName: &＃39;张&＃39;
})/*2. 函数类型接口&＃xff1a;对方法传人的参数 以及返回值进行约束 */// 加密的函数类型接口
interface encrypt {(key: string, value: string): string
}
//模拟一下
var md5: encrypt &＃61; function (key: string, value: string): string {//模拟进行了加密算法return key &＃43; value
}
console.log(md5(&＃39;123&＃39;, &＃39;456&＃39;))/* 可索引接口&＃xff0c; 数组&＃xff0c;对象的约束&＃xff08;不常用&＃xff09; */
interface UserArr {[index: number]: string
}
var ar: UserArr &＃61; [&＃39;aaa&＃39;, &＃39;bbb&＃39;]
console.log(ar[0])
/* 可索引接口 对对象的约束 */
interface UserObj {[index: string]: string
}
var obj1: UserObj &＃61; { name: &＃39;张三&＃39;, age: &＃39;20&＃39; }/* 类类型接口&＃xff1a; 对类的约束 和 抽象类有点相似 */
interface Anima {name: string;eat(str: string): void;
}
class Pig implements Anima {name: string;constructor(name: string) {this.name &＃61; name;}eat(str: string) {console.log(this.name &＃43; str)}
}
var pig &＃61; new Pig(&＃39;小猪&＃39;)
pig.eat(&＃39;粮食&＃39;)/*接口扩展&＃xff1a;接口可以继承接口 */
interface Props {eat(): void;
}
//继承接口
interface Pepole extends Props {work(): void;
}
//待继承的类
class Programmer {public name: string;constructor(name: string) {this.name &＃61; name}coding(code: string) {console.log(this.name &＃43; code)}
}class Webs extends Programmer implements Pepole {constructor(name: string) {super(name)this.name &＃61; name}eat() {console.log(this.name &＃43; &＃39;吃饭&＃39;)}work() {console.log(this.name &＃43; "写代码")}
}
var webs &＃61; new Webs(&＃39;小王&＃39;)
webs.eat()
webs.work()
webs.coding(&＃39;写ts&＃39;)const { ccclass, property } &＃61; cc._decorator;&＃64;ccclass
export default class NewClass extends cc.Component {}