前端笔试题

2014阿里前端笔试题

JavaScript篇

现有代码，问输出和输出顺序
```
 function test(){
     var a = 1;
     setTimeout(function(){
         alert(a);
         a = 3;
     },1000);
     a = 2;
     setTimeout(function(){
         alert(a);
         a = 4;
     },3000);
 }
 test();
 alert(0);
```
考察点：定时器，event loop，闭包
setTimeout()只是将任务添加到任务队列中而已，要等到主执行栈中的代码执行完之后，才会调用定时器中的回调函数。
1. 0
2. 2（闭包，当test执行完成之后，a为2）
3. 3（闭包，第一个定时器执行完之后，修改了a的值为3）
请编写一段程序，将一个对象和它直接、间接引用的所有对象的属性字符串放入一个数组，如var o = {a:1,b:2,c:{d:1}}，这里o经过处理后，应该得到['a','b','c','d']
考察点：递归，for in
```
 var arr = [];
 function getAllProperties(o){
     if(o && typeof o === 'object'){
         for(var k in o){
             arr.push(k+'');
             if(typeof o[k] === 'object'){
                 getAllProperties(o[k]);
             }
         }
     }
 }
 console.log(arr);
```
1. 返回一个合并过的数组（归并操作）
var a = [-3,-1,0,1,3,5,7,9], b = [-4,-2,0,2,3,4,5,6,7,8]，返回[-4,-3,-2,-1,0,0,1,2,3,3,4,5,5,6,7,7,8,9]
```
 function merge(a,b){
     var tmp = [],
         i = 0,j = 0,
         lenA = a.length,lenB = b.length;
     while(i < lenA && j < lenB){
         if(a[i] <= b[j]){
             tmp.push(a[i++]);
         } else {
             tmp.push(b[j++]);
         }
     }
     while( i < lenA)tmp.push(a[i++]);
     while( j < lenB)tmp.push(b[j++]);
     return tmp;
 }
```
1. 当我们使用CSS3新属性，比如：box-shadow或者transition时，我们怎么检测浏览器是否支持这些属性？请设计一个JavaScript函数，该函数接受一个CSS属性名作为参数，并返回一个boolean值，表明浏览器是否支持这个属性。
考察点：el.style属性，兼容的前缀（ktml,ms,moz,webkit）

    var support = function(prop){
        var div = document.createElement('div'),
            vendors = 'ktml,ms,moz,webkit'.split(','),
            len = vendors.length,
            tmp;

        var propArr = prop.split('-');
        for(var i = 1; i < propArr.length; i++){
            propArr[i] = propArr[i].charAt(0).toUpperCase()
                            + propArr[i].substring(1);
        }
        prop = propArr.join('');
        if(prop in div.style)return true;
        while(len--){
            tmp = vendors[len] + prop.charAt(0).toUpperCase()
                    + prop.substring(1);
            if( tmp in div.style)return true;
        }
        return false;
    }

写一段脚本，实现：当页面上任意一个链接被点击的时候，alert出这个链接在页面上的顺序号，如第一个链接则alert(1), 依次类推；

考察点：闭包，document.links

 window.onload = function(){
     var len = document.links.length;
     for(var i = 0; i < len;i++){
         document.links[i].onclick = (function(i){
             return function(){
                 return i+1;
             }
         })(i);
     }
 }

8.14 2014阿里前端笔试题：JavaScript篇

前端笔试题

2014阿里前端笔试题

JavaScript篇

results matching ""

No results matching ""