2023大厂面试题库阿里篇.pdfVIP

阿里篇——

1、Typescript中的interface和type有什么区别？

1interface定义数据的形状，具体这个数据结构如何，有哪些属性，如定义一个object；

type定义数据的类型，指一个数据具体值是什么类型，如boolean，string。

2interface可以被class继承和实现，也可以继承class；但type不行

3interface不能作为交叉、联合类型的产物，但可以作为其组成元素；而type就没

有什么限制既可以作为组成元素又可作为产物

4使用type可以自定义范型函数，为己所用；interface不行

但是在日常的工作中他俩还真没有太大区别，特殊场景单独分析，基本上都能怎么舒服怎么

来

2、用javascript实现一个dispatch函数，可以根据不同的参数打印出不同的字符串，同时

支持链式调用：

①当传入字符串"a"时，可以直接打印出字符串"a"。

```

dispatch('a');

>"a"

```

②当调用println("b")方法时，可以打印出字符串"b"。

```

dispatch('a').println('b')

>"a"

>"b"

```

③当调用wait(n)方法时，可以先等待n秒，然后再执行后面的操作。

```

dispatch('a').wait(3).println('b')

>"a"

>3秒后

>"b"

```

④当调用waitFirst(n)方法时，所有操作延后，先等待n秒，。

```

dispatch('a').waitFirst(3).println('b')

>3秒后

>"a"

>"b"

```

参考答案：

functiondispatch(){

letchain=Promise.resolve();

lettasks=[];

return{

println(text){

tasks.push(()=>console.log(text));

returnthis;

},

wait(seconds){

tasks.push(()=>newPromise(resolve=>setTimeout(resolve,seconds*1000)));

returnthis;

},

waitFirst(seconds){

chain=chain.then(()=>newPromise(resolve=>setTimeout(resolve,seconds*1000)));

returnthis;

},

exec(){

chain=tasks.reduce((prev,next)=>{

returnprev.then(next);

},chain);

tasks=[];

}

};

}

主要考察Promise，异步流程以及链式调用

3、>实现一个AST解析方法，解析下列输入，输出对应树形结构（区分标签、属性、内容

等）

```

/**

*实现一个AST解析方法，解析下列输入，输出对应树形结构（区分标签、属性、内容等）

*@paramstr

*/

functionastParser(str){

//yourcodearehere...

}

//用例参考

astParser(`

<divclass="widget-body"data-spm-anchor-id="a1z4o.xxss.i3.14803e15bAFF41">

<spanclass="ctr-valg-csscut-more"style="display:inline-block;vertical-align:

top;width:200px;”><atarget="_blank"href=""title="欢迎应聘蚂蚁金服支付宝前端工程师-

杭州、上海、北京、成都">欢迎应聘蚂蚁金服支付