Javascript中几个看起来简单，却不必定会作的题

Javascript做为前端开发必须掌握的一门语言，由于语言的灵活性，有些知识点看起来简单，在真正遇到的时候，却不必定会直接作出来，今天咱们就一块儿来看看几道题目吧

题目1

var val = 'smtg';

console.log(' Value is' + (val === 'smtg') ? 'Something' : 'Nothing');

这道题考察的知识点是运算符的优先级。

首先，小括号的优先级是最高的，因此首先会作判断，val与smtg相等返回true。所以最后这道题等价于判断是执行下面的语句1仍是语句2.

//语句1

'Value is' + (true ? 'Something' : 'Nothing');

//语句2

'Value is true' ? 'Something' : 'Nothing';

根据运算符优先级咱们知道，链接元算符+的优先级要高于条件运算符？的优先级，所以实际执行的是语句2，因此最后返回的结果是

'Something'.

题目2

咱们再来看看下面这道题。

var ary = [0,1,2];

  ary[6] = 6;

  var result = ary.filter(function(x){

　　return x === undefined; 

  });

  console.log(result);

这道题考察的时候数组的初始化和filter方法。

第一眼看上去，觉得会输出[undefined,undefined,undefined],可是实际输出倒是undefined，为何会这样？

这是由于在JavaScript里存在稀疏数组的概念，数组在初始化时，只会对已经肯定索引的选项进行初始化，对于不存在索引的选项不进行初始化，经过如下代码能够肯定。

0 in ary；//true

  1 in ary；//true

  3 in ary；//false　    

  4 in ary；//false

  6 in ary；//true　

对数组使用in运算符时，是经过枚举数组的索引，经过3和4返回false能够知道，ary[3]和ary[4]实际是不存在的，未进行初始化。

咱们再来看看 Array.prototype.filter方法和polyfill，注意代码中标注的地方。

Array.prototype.filter = function(fun /*thisArg*/){

　　if(this === void 0 || this === null){

　　　　throw new TypeError();

　　}

　　var t = Object(this);

　　var len = t.length >>> 0;

　　if(typeof fun !== 'function'){

　　　　throw new TypeError();

　　}

　　var res = [];

　　var thisArg = arguments.length >=2 ? arguments[1]:void 0;

　　for(var i = 0;i<len;i++){

　　　　if(i in t){  //注意这里，使用的是in运算符

　　　　　　var val = t[i];

　　　　　　if(fun.call(thisArg,val,i,t)){

　　　　　　　　res.push(val);

　　　　　　}

　　　　}

　　}

　　return res;

}

在filter方法源码中，我发现使用了in运算符，而arg数组没有对索引为3，4，5的值进行初始化，所以会直接跳过执行，因此最后返回undefined。

题3

function caseshow(val){

　　switch(val){

　　　　switch(value){

　　　　　　case 'A':

　　　　　　　　console.log('A');

               break;

　　　　　　　case 'B':

　　　　　　　　console.log('B');

               break;

　　　　　　   case 'C':

　　　　　　　　console.log('C');

                     　　 break;

　　　　　　default:
　　　　　　　　console.log('do not know!');

　　　　}　　        

　　}      

}    

caseshow(new String('A'));

咋一看，不少人会觉得输出'case A'，但实际输出'do not know'。why? 这道题考察的知识点是：switch和string，咱们须要知道一下两点：

1，JavaScript中switch执行的是严格相等（===）。 2，字符串和string的实例不同。

第二点咱们能够测试下。

var s_p = 'foo'; var s_o = new String(s_p)

console.log(typeof s_p) //'string' 
console.log(typeof s_o) //'object'
console.log(s_p === s_o)  //'false'

所以针对题目中的'A'与String('A')并不严格相等，最终会返回‘do not know’

题4 针对上面的题目3，咱们稍做一点改动，成为下面的题目4，再看看结果输出什么？

function caseshow2(val){ 
    switch(val){ 　　
       case 'A':
　　　　console.log('A');
　　　　break; 　　case 'B':
　　　　console.log('B');
　　　　break; 　　case undefined:
　　　　console.log('undefined');
　　　　break; 　　default:
　　　　console.log('do not know!'); 
　} } 
　　　caseshow2(String('A'));

　　　　题目4相对于题目3，只是在最后调用的时候传入的参数是String('A')，它的结果就变成了'Case A'。这是为何呢？

其实很简单，String(X)返回的是一个字符串而不会生成一个新的String实例，所以与'A'是严格相等的