阿里前端测评

怼烎@ 2022-05-17 07:38 230阅读 0赞

一时心血来潮，投了阿里的前端工程师，结果才刚开始投就被一道测评题搞焉了。

▍写在前面

先是在【校园招】看到阿里巴巴的校园招聘，查看了一下它的岗位要求。

![70][]

虽然我的能力不是全部都符合要求，但是自觉勉强还能够得上，就抱着试试看的心理去填了资料。

大公司不愧是大公司，阿里的招聘过程还是很复杂的：

![70 1][]

和大部分科技公司网申流程差不多，填完了资料之后，就是一个测评。

▍测评

刚投了网易，也做了一次测评，两个公司都是在ceping.com上进行测评。测评大致分为两个大部分：第一个大部分是测评应聘者的语文能力、计算能力和逻辑能力，这一部分是限时的，超过规定时间没有完成题目就会跳出测评；第二大部分是自我测评，这一部分是让应聘者通过选择一些关键词来完成自我评价，这一部分是不限时的。

这也是一个郑重认识自己的过程。

▍编程测验

在开始测评之前，我看到后面还会有笔试，以为这个测验就是小试牛刀而已，然而我想错了。

/**
     * 题目：实现mergePromise函数，把传进去的数组顺序先后执行,并且把返回的数据先后放到数组data中。
     */
    
    const timeout = ms => new Promise((resolve, reject) => {
    	setTimeout(() => {
    		resolve();
    	}, ms);
    });
    
    const ajax1 = () => timeout(2000).then(() => {
    	console.log('1');
    	return 1;
    });
    
    const ajax2 = () => timeout(1000).then(() => {
    	console.log('2');
    	return 2;
    });
    
    const ajax3 = () => timeout(2000).then(() => {
    	console.log('3');
    	return 3;
    });
    
    const mergePromise = ajaxArray => {
    	// 在这里实现你的代码
    
    }
    
    mergePromise([ajax1, ajax2, ajax3]).then(data => {
    
    	console.log('done');
    	console.log(data); // data 为 [1, 2, 3]
    });
    
    // 分别输出
    // 1
    // 2
    // 3
    // done
    // [1, 2, 3]

看到题目的那一刻，我懵逼了，这是什么鬼……

题目倒是不难理解，大致应该是这样：

**ajax1、ajax2、ajax3分别被定了时2s、1s、2s，那么照这个算法，最先执行的ajax2，那么先输出的就是2，而不是1。而题目的要求就是要先输出1，然后依次输出2、3，最后还要把1、2、3放到一个数组中输出。**

从开始接触前端到现在也有一年时间了，但是这代码的书写方法我是真的看不懂，虽然我之前在学JS的时候也有见过“=>”这种写法，但是我从来没有用过，所以觉得这种表达方式很生僻，因此我一度怀疑这到底是不是Javascript代码，给我出这种题目，明摆着是不给我过咯？？

这次既然碰上了就得去查查，我复制了题目的其中一段去百度了一下（从没想过要抄答案作弊，最后交的也几乎是白卷），搜索的前几条结果都是说这道题的。

首先我了解到了“=>”是个什么意思：

(x) => x + 6
     
    相当于
     
    function(x){
        return x + 6;
    };

但是即使知道了“=>”是什么意思，我还是做不出这道题。。。

无奈之下，我去看了别人的答案，虽然看不懂，但是还是拿去亲自测试了一下，有以下两种版本，我注意测试了一下：

1、代码：

var data = [];
    var sequence = Promise.resolve();
    ajaxArray.forEach(function(item) {
    	sequence = sequence.then(item).then(function(res) {
    		data.push(res);
    		return data;
    	});
    })
    return sequence;

效果：

![70 2][]

2、代码：

效果：

![70 2][]

经过测试，两种方案都成功达到了效果。仅就代码量和可读性而言，个人认为是第一种方案更好。（我对异步编程这方面的知识没有了解，所以我也没办法从其他方面来比）

由于对这方面的知识一点都没有了解过，又不想作弊，就写了个解题思路和几句简单的代码就交卷了。

这一次的测验提醒了我：还有很多我不知道的知识，不能停下继续学习的脚步。

▍参考链接

[阿里的一道测评题 - CSDN博客][- CSDN]、[阿里前端测试题 - 博客园][-]

![关注公众号：爱唱歌的蜗牛先生][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2lfZG9udF9rbm93X2E_size_16_color_FFFFFF_t_70]

[70]: /images/20220517/1e5143ed99fa4f88a5ac4aa61df7be99.png
[70 1]: /images/20220517/2a41f12efd8b4752992ae9fb707cdb89.png
[70 2]: /images/20220517/65740b979e3942a2a20b3f4658ce4004.png
[- CSDN]: https://blog.csdn.net/qq_35065906/article/details/81190954
[-]: http://www.cnblogs.com/amingxiansen/p/9351415.html
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2lfZG9udF9rbm93X2E_size_16_color_FFFFFF_t_70]: /images/20220517/244a865ca9f54748beb7ae78330d6055.png