2016春季阿里游戏前端实习生笔试题

闭包问题

var fun = (function(a) {
    this.a = a;

    return function(a) {
        a += this.a;
        return a;
    };
}(function(a) {
    return a;
})(1));

console.log( fun(4) ); // ?

好好想想看，答案是？这个 this 究竟可不可以传递到闭包里面呢？
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。

> 5

我写了 NaN ，真是呵呵。
事实上，返回的闭包无论有多少层，this 都是指向顶层父函数的 this ！

---

最优雅地实现：

若一个数组 arr 长度为 0，则添加一个元素（1，数字类型），否则根据先进先出移除一个
请写出代码。。。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。

// 温习功课：尾进push，尾出pop；头进unshift，头出shift

arr.length ? arr.shift() : arr.push(1); // 10分的题目只拿了8分

面试的时候，面试官说最优雅的实现应该是：

arr == '' ? arr.shift() : arr.push(1); // 原理：隐式转换（toString / valueOf）

---

不使用循环生成长度为100的数组 array ，对应值为其下标

想想看可以怎么实现？
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
我只想到了用递归

function generator(arr) {
    var len = arr.length;

    if (len < 100) {
        arr[len] = len;
        return generator(arr); // （这里我忘了加return，我醉了...）
    } else {
        return arr;
    }
}

var array = generator([]);
console.log(array); // [0, 1, 2, ..., 99]

---

将上述数组乱序

想想看能如何实现？
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
我能想到的就是使用 Math.random * 100，
但我错用了 Math.round。
四舍五入会导致访问溢出（不存在 a[100] ）！！！

温习功课：Math.random 返回值区间为 [0, 1)
因此，最好使用 Math.floor 或 parseInt

网上搜了一下，原来还有更加优雅的办法：

array.sort(function() {
    // 返回值小于0则调换位置，否则不变
    return 0.5 - Math.random();
});

console.log( array ); // （乱序的array）

---

请优雅地将上述乱序数组的前十项求和

一定要优雅哦~
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
我天真地使用了 forEach ，但这是一个大坑：forEach 不支持中断（break 报错，return 无效）。。。
网上搜了一下，发现最优雅的是

eval(array.join('+'))

但这只是针对整个数组求和。So？我也母鸡。。。

---

请使用正则匹配九游所有的二级域名及其服务

例如：http://a.li.9game.cn/hello/world?ie=utf-8&q=haha&f=&m=true 这样都要匹配到（请注意 query 中 f 为空值）。
正则绝对是要考的啦~~~快快想想怎么写吧，不许先偷看答案哦！
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。

// 我事后拼命挤出来的。。。
var reg = /((http|https):\/\/)?(\w+.)*9game.cn(\/\w+)*(\??([^?=&]+=[^?=&]*)&?)*/g;

---

如果以上的正则属于核心代码，对性能要求很高，并且修改发布也是高风险操作，容易影响全局，你会做一些什么工作来 保证每次发布的修改、性能都是可衡量的，出问题的概率是最低的？

这应该属于开放性题目，好好想想，别急着看答案~
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。

下面是我的原答案，拿了满分：

单元测试：写相对刁钻的测试用例重复测试，测试过程中记录执行时间与消耗资源。

---

最高性能地往body中插入十行无序列表，每行显示“第N行”

。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。

var ul = document.createElement('ul');
    i = 0;

while (i < 10) {
    var li = document.createElement('li');
    li.innerHTML = '第' + ++i + '行';
    ul.appendChild(li);
}

document.getElementsByTagName('body')[0].appendChild(ul); // 这里扣分了。面试官说这样子会遍历文档，性能不算最高，请直接使用 document.body。。。

如果是直接往 body 中直接 append 10个 p，则建议使用 document.createDocumentFragment() 一次性插入。

---

摆脱回调地狱的异步编程解决方案有哪些？用一句话描述其优/缺点

。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
请参考 《Javascript异步编程的4种方法 - 阮一峰的网络日志》

---

JS实现继承的方式有哪些？哪种是你最推荐的？为什么？

。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
请参考 《Javascript 面向对象编程 - 阮一峰的网络日志》（三篇）

---

如何捕获生产环境下的报错代码？

。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
在项目中我是通过监听 window.onerror，然后Ajax上传错误信息到后台

---

根据雅虎军规，前端的 html / js / css / 图片 该如何优化？

。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
请参考《前端开发面试题》

---

上述工作如何自动化？

。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
我的答案只拿了7分（满分8分）：

前端部分：利用 grunt / gulp / webpack 构建工具（及其插件）实现自动化
后端部分：利用镜像（Docker等）以便于实现大规模部署

---

日常开发如何调试？有什么辅助工具？

。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
。
请自行百度吧亲。。。