2015年十大热点javascript笔试题你都会么？

1、考察this

 
 
    
  
  
  1. var length = 10; 
    2.   
  
  2. function fn() { 
    3.   
  
  3.   console.log(this.length); 
    4.   
  
  4. } 
    5.   
  
  5.  
    6.   
  
  6. var obj = { 
    7.   
  
  7.   length: 5, 
    8.   
  
  8.   method: function(fn) { 
    9.   
  
  9.     fn(); 
    10.   
  
  10.     arguments[0](); 
    11.   
  
  11.   } 
    12.   
  
  12. }; 
    13.   
  
  13.  
    14.   
  
  14. obj.method(fn, 1); 
    15.

 输出：10 2

***次输出10应该没有问题。我们知道取对象属于除了点操作符还可以用中括号，所以第二次执行时相当于arguments调用方法，this指向arguments，而这里传了两个参数，故输出arguments长度为2。

2、var和函数的提前声明

 
 
    
  
  
  1. function fn(a) { 
    2.   
  
  2.   console.log(a);  
    3.   
  
  3.   var a = 2; 
    4.   
  
  4.   function a() {} 
    5.   
  
  5.   console.log(a);  
    6.   
  
  6. } 
    7.   
  
  7.  
    8.   
  
  8. fn(1); 
    9.

 输出：function a() {} 2

我们知道var和function是会提前声明的，而且function是优先于var声明的(如果同时存在的话)，所以提前声明后输出的a是个function，然后代码往下执行a进行重新赋值了，故第二次输出是2。

3、局部变量和全局变量

 
 
    
  
  
  1. var f = true; 
    2.   
  
  2. if (f === true) { 
    3.   
  
  3.   var a = 10; 
    4.   
  
  4. } 
    5.   
  
  5.  
    6.   
  
  6. function fn() { 
    7.   
  
  7.   var b = 20; 
    8.   
  
  8.   c = 30; 
    9.   
  
  9. } 
    10.   
  
  10.  
    11.   
  
  11. fn(); 
    12.   
  
  12. console.log(a); 
    13.   
  
  13. console.log(b); 
    14.   
  
  14. console.log(c); 
    15.

 输出：10 报错 30

这是个我犯了很久的错误，很长一段时间我都以为{...}内的新声明的变量是局部变量，后来我才发现function内的新声明的变量才是局部变量，而没有用var声明的变量在哪里都是全局变量。再次提醒切记只有function(){}内新声明的才能是局部变量，while{...}、if{...}、for(..) 之内的都是全局变量(除非本身包含在function内)。

4、变量隐式声明 

 
 
    
  
  
  1. var f = true; 
    2.   
  
  2. if (f === true) { 
    3.   
  
  3.   var a = 10; 
    4.   
  
  4. } 
    5.   
  
  5.  
    6.   
  
  6. function fn() { 
    7.   
  
  7.   var b = 20; 
    8.   
  
  8.   c = 30; 
    9.   
  
  9. } 
    10.   
  
  10.  
    11.   
  
  11. fn(); 
    12.   
  
  12. console.log(a); 
    13.   
  
  13. console.log(b); 
    14.   
  
  14. console.log(c); 
    15.

 答案：10

前面我说过function和var会提前声明，而其实{...}内的变量也会提前声明。于是代码还没执行前，a变量已经被声明，于是 'a' in window 返回true，a被赋值。

5、给基本类型数据添加属性，不报错，但取值时是undefined

 
 
    
  
  
  1. var a = 10; 
    2.   
  
  2. a.pro = 10; 
    3.   
  
  3. console.log(a.pro + a); 
    4.   
  
  4.  
    5.   
  
  5. var s = 'hello'; 
    6.   
  
  6. s.pro = 'world'; 
    7.   
  
  7. console.log(s.pro + s); 
    8.

 答案：NaN undefinedhello

给基本类型数据加属性不报错，但是引用的话返回undefined，10+undefined返回NaN，而undefined和string相加时转变成了字符串。

6、函数声明优于变量声明 

 
 
    
  
  
  1. console.log(typeof fn); 
    2.   
  
  2. function fn() {}; 
    3.   
  
  3. var fn; 
    4.

 答案：function

因为函数声明优于变量声明。我们知道在代码逐行执行前，函数声明和变量声明会提前进行，而函数声明又会优于变量声明，这里的优于可以理解为晚于变量声明后，如果函数名和变量名相同，函数声明就能覆盖变量声明。所以以上代码将函数声明和变量声明调换顺序还是一样结果。

7、判断一个字符串中出现次数最多的字符，并统计次数

hash table方式：

 
 
    
  
  
  1. var s = 'aaabbbcccaaabbbaaa'; 
    2.   
  
  2. var obj = {}; 
    3.   
  
  3. var maxn = -1; 
    4.   
  
  4. var letter; 
    5.   
  
  5. for(var i = 0; i < s.length; i++) { 
    6.   
  
  6.   if(obj[s[i]]) { 
    7.   
  
  7.     obj[s[i]]++; 
    8.   
  
  8.     if(obj[s[i]] > maxn) { 
    9.   
  
  9.       maxn = obj[s[i]]; 
    10.   
  
  10.       letter = s[i]; 
    11.   
  
  11.     } 
    12.   
  
  12.   } else { 
    13.   
  
  13.     obj[s[i]] = 1; 
    14.   
  
  14.     if(obj[s[i]] > maxn) { 
    15.   
  
  15.       maxn = obj[s[i]]; 
    16.   
  
  16.       letter = s[i]; 
    17.   
  
  17.     } 
    18.   
  
  18.   } 
    19.   
  
  19. } 
    20.   
  
  20.  
    21.   
  
  21. alert(letter + ': ' + maxn); 
    22.

正则方式：

 
 
    
  
  
  1. var s = 'aaabbbcccaaabbbaaabbbbbbbbbb'; 
    2.   
  
  2. var a = s.split(''); 
    3.   
  
  3. a.sort(); 
    4.   
  
  4. s = a.join(''); 
    5.   
  
  5. var pattern = /(\w)\1*/g; 
    6.   
  
  6. var ans = s.match(pattern); 
    7.   
  
  7. ans.sort(function(a, b) { 
    8.   
  
  8.   return a.length < b.length; 
    9.   
  
  9. });; 
    10.   
  
  10. console.log(ans[0][0] + ': ' + ans[0].length); 
    11.

 8、经典闭包

 
 
    
  
  
  1.  
    2.   
  
  2.  
    3.   
  
  3.  
    4.   
  
  4.    ***个链接  
     
    5.   
  
  5.    第二个链接  
     
    6.   
  
  6.    第三个链接  
     
    7.   
  
  7.    第四个链接  
     
    8.   
  
  8.  
    9.

 dom污染法：

 
 
    
  
  
  1.  
    2.   
  
  2.  
    3.   
  
  3.  
    4.   
  
  4.    ***个链接  
     
    5.   
  
  5.    第二个链接  
     
    6.   
  
  6.    第三个链接  
     
    7.   
  
  7.    第四个链接  
     
    8.   
  
  8.    
    9.   
  
  9.     var lis = document.links; 
    10.   
  
  10.     for(var i = 0, length = lis.length; i < length; i++) { 
    11.   
  
  11.       lis[i].index = i; 
    12.   
  
  12.       lis[i].onclick = function() { 
    13.   
  
  13.         alert(this.index); 
    14.   
  
  14.       }; 
    15.   
  
  15.     } 
    16.   
  
  16.    
    17.   
  
  17.  
    18.

 闭包：

 
 
    
  
  
  1.  
    2.   
  
  2.  
    3.   
  
  3.  
    4.   
  
  4.    ***个链接  
     
    5.   
  
  5.    第二个链接  
     
    6.   
  
  6.    第三个链接  
     
    7.   
  
  7.    第四个链接  
     
    8.   
  
  8.    
    9.   
  
  9.     var lis = document.links; 
    10.   
  
  10.     for(var i = 0, length = lis.length; i < length; i++) { 
    11.   
  
  11.       (function(i) { 
    12.   
  
  12.         lis[i].onclick = function() { 
    13.   
  
  13.           alert(i + 1); 
    14.   
  
  14.         }; 
    15.   
  
  15.       })(i);  
    16.   
  
  16.     } 
    17.   
  
  17.    
    18.   
  
  18.  
    19.

 9、this

 
 
    
  
  
  1. function JSClass() { 
    2.   
  
  2.   this.m_Text = 'division element'; 
    3.   
  
  3.   this.m_Element = document.createElement('div'); 
    4.   
  
  4.   this.m_Element.innerHTML = this.m_Text; 
    5.   
  
  5.   this.m_Element.addEventListener('click', this.func); 
    6.   
  
  6.   // this.m_Element.onclick = this.func; 
    7.   
  
  7. } 
    8.   
  
  8.  
    9.   
  
  9. JSClass.prototype.Render = function() { 
    10.   
  
  10.   document.body.appendChild(this.m_Element); 
    11.   
  
  11. } 
    12.   
  
  12.  
    13.   
  
  13. JSClass.prototype.func = function() { 
    14.   
  
  14.   alert(this.m_Text); 
    15.   
  
  15. }; 
    16.   
  
  16.  
    17.   
  
  17. var jc = new JSClass(); 
    18.   
  
  18. jc.Render();  // add div 
    19.   
  
  19. jc.func();  // 输出 division element 
    20.   
  
  20. //click添加的div元素division element会输出underfined，为什么？ 
    21.

 答案：division element undefined

***次输出很好理解，第二次的话仔细看，this其实已经指向了this.m_Element，因为是this.m_Element调用的addEventListener函数，所以内部的this全指向它了。可以试着加上一行代码this.m_Element.m_Text = 'hello world'，就会alert出hello world了。

10、split

请编写一个JavaScript函数 parseQueryString，它的用途是把URL参数解析为一个对象，如： var url = “http://witmax.cn/index.php?key0=0&key1=1&key2=2″

 
 
    
  
  
  1. function parseQueryString(url) { 
    2.   
  
  2.   var obj = {}; 
    3.   
  
  3.   var a = url.split('?'); 
    4.   
  
  4.   if(a === 1) return obj; 
    5.   
  
  5.   var b = a[1].split('&'); 
    6.   
  
  6.   for(var i = 0, length = b.length; i < length; i++) { 
    7.   
  
  7.     var c = b[i].split('='); 
    8.   
  
  8.     obj[c[0]] = c[1]; 
    9.   
  
  9.   } 
    10.   
  
  10.   return obj; 
    11.   
  
  11. } 
    12.   
  
  12. var url = 'http://witmax.cn/index.php?key0=0&key1=1&key2=2'; 
    13.   
  
  13. var obj = parseQueryString(url); 
    14.   
  
  14. console.log(obj.key0, obj.key1, obj.key2);  // 0 1 2 
    15.

新闻名称：2015年十大热点javascript笔试题你都会么？
文章路径：http://www.shufengxianlan.com/qtweb/news4/362404.html

网站建设、网络推广公司-创新互联，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有等

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联

猜你还喜欢下面的内容

小程序开发知识

分类信息网

成都广告招牌制作　　 　众诚伟业　　 　成都光华电信机房　　 　上海除甲醛　　 　网络推广　　 　重庆网站营销　　 　搜索引擎优化　　 　南充护栏钻孔机　　 　成都手机网站开发　　 　正泰动物　　 　成都托管服务器　　 　钢筋机械设备　　 　微信小程序开发　　 　四川成都网站设计　　 　内江做网站　　 　达州网站制作　　 　成都网站设计　　 　成都定制网站开发　　 　成都搬家公司　　 　玄科环保