金山WPS笔试题总结

第一题 分别输出什么？

var arr=[];
arr['a']=1;
console.log(arr.length);// 0
arr['2']=2;
console.log(arr.length);// 3
arr.length=0;
console.log(arr);// [a:1]

这题考察数组的读写。js中数组本质上是一个特殊的对象，可以为其创建任意名字的属性，数组元素可以是任意类型。 数组通过[ ]操作符来访问数组中的一个元素，方括号中是一个返回非负整数值的任意表达式。
这道题首先定义了一个空数组，此时数组长度为0。
接着是赋值语句arr['a']=1;因为数组是特殊的对象，所以通过方括号访问数组元素就像用方括号访问对象属性一样。当方括号中是字符a时，相当于给这个数组对象添加了一个属性a，其值为1。所有的索引都是属性名，但只有在0-2^32-2的之间的整数属性名才是索引。数组特别之处在于只有当属性是索引时，才会更新其length属性。由此可知，第一条输出语句输出结果为0，但是数组已经多了一个名为a,值为1的属性。
然后arr['2']=2; ，如果方括号中是非负整数的字符串，就当做数组索引，而非对象属性。所以这时给a[2]赋值为2，数组索引从0开始，意味着a[0] a[1]赋予undefined值，所以数组长度为3，即第二条输出语句输出结果为3。
最后将数组长度赋值为0，输出arr,此时输出是之前添加进数组的a属性。

2、添加代码实现每隔一秒按顺序输出i

for(var i=0,n=1;i<5;i++){
//添加代码
}

看到这道题我首先想到的就是用一个setTimeout()方法，该方法用于在指定的毫秒数后调用函数或计算表达式。于是写了如下代码：

for(var i=0,n=1;i<5;i++){
    setTimeout(function(){console.log(i);},1000);
}

看似这样就可以了，然而控制台的输出说明事情并不简单。

如图，控制台输出5个5，这是为什么？其实这和JavaScript执行机制以及作用域有关。
JavaScript的执行分为两个阶段，第一个阶段就是顺序执行<script> 里的代码（包括内联脚本和外部脚本），第二个阶段是异步的，由事件驱动的。这两个阶段没有并发性，同一时间只能执行一个，可以理解为单线程执行模型。传递给setTimeout（）的函数和真实事件处理程序的注册不同，通常叫做“回调逻辑”而不是“处理程序”，但它们和事件处理程序一样，也是异步的。
所以回过头再来看上面代码，当脚本由上到下执行到setTimeout（）时，会将setTimeout（）中的内容放到等待队列，等同步脚本执行完，js引擎才开始以此执行等待队列里的异步代码，setTimeout（）中第二个参数是延迟时间，表明多久之后放入将其放入等待队列，所以如果第二个参数是0，也并不意味着立即执行这个函数，只能说明立即将其放入等待队列，执行时间取决于JavaScript线程是否空闲。
作用域的问题就是，setTimeout(）中回调函数中的i,在当前作用域下找不到，所以可以在创建这个函数的作用域下找，可以找到for循环所定义的全局变量i，等到执行这个setTimeout（）中的函数时，i已经经过了5次循环，值为5了，所以回调函数取到并输出的值就是5次5。
问题发现了我们怎么解决呢？方法不唯一。
第一种，可以创建一个立即执行的匿名函数，在每一次循环后强制执行,保证每次新传进来的i是不一样的，setTimeout（）中的代码。

for(var i=0;i<5;i++){
     (function(i){
        setTimeout(function(){console.log(i);},1000);
      })(i);            
    }

这样改了之后在控制台看到的结果是下面这样，隔了一秒后，0，1，2，3，4全部输出。

按题目要求是要每隔一秒依次输出，我们可以在延迟时间上做一个改进

for(var i=0,n=1;i<5;i++){
    (function(i){
       setTimeout(function(){console.log(i);},1000*n++);
    })(i);          
}

第二种，在es6中使用let 解决。

for(let i=0,n=1;i<5;i++){
   setTimeout(function(){console.log(i);},1000*n++);        
}

第三题 写出运行结果

var f=function g(){
    return 23;
};
typeof g();

结果是Error。typeof是一个操作符，检测操作数类型。为什么结果是error？我们知道函数定义有两种方式，一种是函数声明，另一种是函数表达式。
函数声明 function foo(){ }
函数表达式 var=function (){ };
题中var f=function g(){return 23;}; 是用函数表达式定义了函数，在函数外部，是无法通过g访问到函数内部的，那为什么结果不是“undefined”呢？因为g后面加个()，代表执行函数，优先级高于typeof，而g根本访问不到，未定义，所以执行函数会出错，所以结果直接报错。其实我们可以做几个结果测试

 var f=function g(){
    return 23;
};
console.log(typeof g);

 var f=function g(){
    return 23;
};
console.log(typeof f);

第四题

function show(value){
    switch(value){
      case 'A':console.log('1');break;
      case 'string':console.log('2');break;
      case undefined:console.log('3');break;
      case 'undefined':console.log('4');break;
      default:console.log('5');
    }
}
show(new String('A'));

new String('A')创建了一个对象，传入show()函数找不到对应情况，匹配default，输出5。
第五题 用JS实现map数据结构，数据只能通过map提供的数据接口进行访问。
JavaScript 的对象（Object），本质上是键值对的集合（Hash 结构），但是传统上只能用字符串当作键。这给它的使用带来了很大的限制。为了解决这个问题，ES6 提供了 Map 数据结构。它类似于对象，也是键值对的集合，但是“键”的范围不限于字符串，各种类型的值（包括对象）都可以当作键。也就是说，Object 结构提供了“字符串—值”的对应，Map 结构提供了“值—值”的对应，是一种更完善的 Hash 结构实现。如果你需要“键值对”的数据结构，Map 比 Object 更合适。

function Map(){
    var items=[];
    //set方法设置键名key对应的键值为value，然后返回整个 Map 结构。
    //如果key已经有值，则键值会被更新，否则就新生成该键。
    this.set=function(key,value){
        items[key] = value;
    };
    //get方法读取key对应的键值，如果找不到key，返回undefined。
    this.get=function(key){
        return this.has(key)? items[key]:undefined;
    };
    //has方法返回一个布尔值，表示某个键是否在当前 Map 对象之中。
    this.has=function(key){
        return key in items;
    };
    //delete方法删除某个键，返回true。如果删除失败，返回false。
    this.delete= function(key) {   
        if (this.has(key)) {     
            delete items[key];     
            return true;   
        }   
        return false; 
     };
     //values方法以数组的形式返回字典中所有values实例的值
     this.values=function(){
         var values=[];
         for(var k in items){
            if(this.has(k)){
            values.push(items[k]);
            }
         }
         return values;
      };
      //keys方法将字典所包含的所有键名以数组形式返回。
      this.keys=function(){
          return Object.keys(items);
      };
}//创建map数据结构
       var map = new Map(); 
       map.set('Gandalf', 'gandalf@email.com'); 
       map.set('John', 'johnsnow@email.com'); 
       map.set('Tyrion', 'tyrion@email.com');

       console.log(map.keys());