2025阿里巴巴全国校园前端招聘笔试题及答案 .pdfVIP

学而不知道，与不学同；知而不能行，与不知同。——黄睎

1请说明下面各种情况的执行结果，并注明产生对应结果的理由。

functiondoSomething(){

alert(this);

}

①element.onclick=doSomething，点击element元素后。

②element.onclick=function(){doSomething()}，点击element元

素后。

③直接执行doSomething()。

参考答案：

1、element：调用执行时直接指向事件元素。

2、window：函数调用中的this绑定到全局对象。

3、window：函数调用中的this绑定到全局对象。

评分要点：

同参考答案

2请用JavaScript语言实现sort排序函数，要求：

sort([5,100,6,3,-12])//返回[-12,3,5,6,100]

如果你有多种解法，请阐述各种解法的思路及优缺点。（仅需用代码实现一种解法，其它解

法用文字阐述思路即可）

参考答案：

有冒泡、插入、选择、快速、归并等各种排序算法。如果能阐述两种以上排序算法的思

路和优缺点，就非常不错了。

3请根据下面的HTML和CSS代码，画出布局示意图：

divid=page

divclass=maindivclass=sub/div/div

divclass=nav/div

/div

styletype=text/css

#page{width:520px;}

.nav{width:200px;float:right;}

.main{width:200px;float:left;padding-left:110px;}

.sub{width:100px;float:left;margin:10px010px-100px;}

.main{border:1pxsolid#000;}

子曰:“知者不惑，仁者不忧，勇者不惧。”——《论语》

.nav,.sub{border:1pxdashed#000;height:300px;}

.sub{height:280px;}

/style

宽度值不必精确到像素，示意即可。

参考答案

4阅读以下JavaScript代码：

if(window.addEventListener){

varaddListener=function(el,type,listener,useCapture){

el.addEventListener(type,listener,useCapture);

};

}elseif(document.all){

addListener=function(el,type,listener){

el.attachEvent(on+type,function(){

listener.apply(el);