总结
我在成长过程中也是一路摸爬滚打,没有任何人的指点,所以走的很艰难。例如在大三的时候,如果有个学长可以阶段性的指点一二,如果有已经工作的师兄可以告诉我工作上需要什么,我应该前面的三年可以缩短一半;后来去面试bat,失败了有5、6次,每次也不知道具体是什么原因,都是靠面试回忆去猜测可能是哪方面的问题,回来学习和完善,当你真正去招人的时候,你就会知道面试记录是多么重要,面试官可以从面试记录里看到你的成长,总是去面试,总是没有成长,就会被定义为缺乏潜力。
开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
const getObj = (obj: IObj) => { }
getObj({ name: ‘zf’, age: 12 });
// 2) 描述函数类型
interface ISum {
(a: string, b: string): string
}
// type ISum = (a:string,b:string)=>string
const sum: ISum = (a, b) => {
return a + b;
}
// 3) 我希望写个计数器的例子 每次调用函数就累加1
interface ICount { // 接口中的混合类型
(): number
count: number
}
const fn: ICount = (() => { // 函数返回函数 我一般要标识函数的返回类型
return ++fn.count;
}) as ICount
fn.count = 0;
// interface IEffect {
// ():void,
// id:number
// }
// function effect(fn:Function){
// const reactiveEffect = createReactiveEffect(fn);
// return reactiveEffect
// }
// function createReactiveEffect(fn:Function):IEffect{
// const effect:IEffect = function reactiveEffect(){
// }
// effect.id = 1;
// return effect
// }
// 4) 接口的特性
// interface IVegetables {
// color:string,
// taste:string
// }
// 1 直接断言,断言后可以直接使用 (要保证接口中限制的数据必须要有)
// const tomato:IVegetables = {
// color:‘red’,
// taste:‘sweet’,
// size:‘big’
// } as IVegetables
// 可能我的代码里 用不到这个size , 还要手动删掉?
// 2) 接口的合并 接口同名会合并,会改变原有的接口
// interface IVegetables {
// size:string
// }
// const tomato:IVegetables = {
// color:‘red’,
// taste:‘sweet’,
// size:‘big’
// }
// 3) 我单独写一个tomato接口 继承蔬菜接口
// interface ITomato extends IVegetables{ // 接口的继承 ts里面的
// size:string
// }
// const tomato:ITomato = {
// color:‘red’,
// taste:‘sweet’,
// size:‘big’
// }
// 4) 可选属性 可以通过? 来实现
interface IVegetables {
color: string,
taste: string,
[key: string]: any // 任意接口 可多填
// size?:string // 函数的参数
// id?:number
}
const tomato: IVegetables = {
color: ‘red’,
taste: ‘sweet’,
}
// 5) 可索引接口
interface ILikeArray {
}
let arr: ILikeArray = [1, 2, 3]
let arr1: ILikeArray = { 1: 1, 2: 2 };
// 把一个对象赋值给一个接口,要满足接口中的所有属性
// 如果多出来的属性 可以采用 断言 、 可选、 任意接口
// 接口中的类型 可以通过类型别名的方式拿出来 , 但是只能用[]
// 嵌套的情况
// type MyType = {key:string,value:string}
// interface XXX {
// n:MyType[]
// }
// interface IArr {
// arr:MyType[],
// a:XXX
// }
// type My = IArr[‘a’][‘n’]
// 6) 接口实现 接口可以被类来实现 , 接口中的方法都是抽象(没有具体实现)的
interface ISpeakable {
name: string,
// 用接口来形容类的时候 void 表示不关心返回值
speak(): void // 描述当前实例上的方法,或者原型的方法
}
interface IChineseSpeakable {
speakChinese(): void
}
class Speak implements ISpeakable, IChineseSpeakable { // 剋本身需要实现接口中的方法
总结
阿里十分注重你对源码的理解,对你所学,所用东西的理解,对项目的理解。
开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
s://img-blog.csdnimg.cn/img_convert/d3ac9c078e3063bbc4ddc4fe929112c8.png)
开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】