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

2024-05-09 12:18

本文主要是介绍2015年十大热点javascript笔试题你都会么?,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

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

AD:干货来了,不要等!WOT2015 北京站演讲PPT开放下载!

2015年关于javascript经典笔试题你都会么?

1、考察this 

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

输出:10 2

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

2、var和函数的提前声明

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

输出:function a() {} 2

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

3、局部变量和全局变量

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

输出:10 报错 30

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

4、变量隐式声明 

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

答案:10

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

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

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

答案:NaN undefinedhello

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

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

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

答案:function

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

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

hash table方式: 

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

正则方式: 

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

 8、经典闭包

   
  1. <!-- 实现一段脚本,使得点击对应链接alert出相应的编号 --> 
  2. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
  3. <body> 
  4.   <a href='#'> 第一个链接 </a> </br> 
  5.   <a href='#'> 第二个链接 </a> </br> 
  6.   <a href='#'> 第三个链接 </a> </br> 
  7.   <a href='#'> 第四个链接 </a> </br> 
  8. </body> 

dom污染法:

   
  1. <!-- 实现一段脚本,使得点击对应链接alert出相应的编号 --> 
  2. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
  3. <body> 
  4.   <a href='#'> 第一个链接 </a> </br> 
  5.   <a href='#'> 第二个链接 </a> </br> 
  6.   <a href='#'> 第三个链接 </a> </br> 
  7.   <a href='#'> 第四个链接 </a> </br> 
  8.   <script type="text/javascript"
  9.     var lis = document.links; 
  10.     for(var i = 0, length = lis.length; i < length; i++) { 
  11.       lis[i].index = i; 
  12.       lis[i].onclick = function() { 
  13.         alert(this.index); 
  14.       }; 
  15.     } 
  16.   </script> 
  17. </body> 

闭包:

   
  1. <!-- 实现一段脚本,使得点击对应链接alert出相应的编号 --> 
  2. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
  3. <body> 
  4.   <a href='#'> 第一个链接 </a> </br> 
  5.   <a href='#'> 第二个链接 </a> </br> 
  6.   <a href='#'> 第三个链接 </a> </br> 
  7.   <a href='#'> 第四个链接 </a> </br> 
  8.   <script type="text/javascript"
  9.     var lis = document.links; 
  10.     for(var i = 0, length = lis.length; i < length; i++) { 
  11.       (function(i) { 
  12.         lis[i].onclick = function() { 
  13.           alert(i + 1); 
  14.         }; 
  15.       })(i);  
  16.     } 
  17.   </script> 
  18. </body> 

9、this

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

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

这篇关于2015年十大热点javascript笔试题你都会么?的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/973388

相关文章

一文详解SpringBoot中控制器的动态注册与卸载

《一文详解SpringBoot中控制器的动态注册与卸载》在项目开发中,通过动态注册和卸载控制器功能,可以根据业务场景和项目需要实现功能的动态增加、删除,提高系统的灵活性和可扩展性,下面我们就来看看Sp... 目录项目结构1. 创建 Spring Boot 启动类2. 创建一个测试控制器3. 创建动态控制器注

Java操作Word文档的全面指南

《Java操作Word文档的全面指南》在Java开发中,操作Word文档是常见的业务需求,广泛应用于合同生成、报表输出、通知发布、法律文书生成、病历模板填写等场景,本文将全面介绍Java操作Word文... 目录简介段落页头与页脚页码表格图片批注文本框目录图表简介Word编程最重要的类是org.apach

Spring Boot中WebSocket常用使用方法详解

《SpringBoot中WebSocket常用使用方法详解》本文从WebSocket的基础概念出发,详细介绍了SpringBoot集成WebSocket的步骤,并重点讲解了常用的使用方法,包括简单消... 目录一、WebSocket基础概念1.1 什么是WebSocket1.2 WebSocket与HTTP

SpringBoot+Docker+Graylog 如何让错误自动报警

《SpringBoot+Docker+Graylog如何让错误自动报警》SpringBoot默认使用SLF4J与Logback,支持多日志级别和配置方式,可输出到控制台、文件及远程服务器,集成ELK... 目录01 Spring Boot 默认日志框架解析02 Spring Boot 日志级别详解03 Sp

java中反射Reflection的4个作用详解

《java中反射Reflection的4个作用详解》反射Reflection是Java等编程语言中的一个重要特性,它允许程序在运行时进行自我检查和对内部成员(如字段、方法、类等)的操作,本文将详细介绍... 目录作用1、在运行时判断任意一个对象所属的类作用2、在运行时构造任意一个类的对象作用3、在运行时判断

java如何解压zip压缩包

《java如何解压zip压缩包》:本文主要介绍java如何解压zip压缩包问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录Java解压zip压缩包实例代码结果如下总结java解压zip压缩包坐在旁边的小伙伴问我怎么用 java 将服务器上的压缩文件解压出来,

SpringBoot中SM2公钥加密、私钥解密的实现示例详解

《SpringBoot中SM2公钥加密、私钥解密的实现示例详解》本文介绍了如何在SpringBoot项目中实现SM2公钥加密和私钥解密的功能,通过使用Hutool库和BouncyCastle依赖,简化... 目录一、前言1、加密信息(示例)2、加密结果(示例)二、实现代码1、yml文件配置2、创建SM2工具

Spring WebFlux 与 WebClient 使用指南及最佳实践

《SpringWebFlux与WebClient使用指南及最佳实践》WebClient是SpringWebFlux模块提供的非阻塞、响应式HTTP客户端,基于ProjectReactor实现,... 目录Spring WebFlux 与 WebClient 使用指南1. WebClient 概述2. 核心依

Spring Boot @RestControllerAdvice全局异常处理最佳实践

《SpringBoot@RestControllerAdvice全局异常处理最佳实践》本文详解SpringBoot中通过@RestControllerAdvice实现全局异常处理,强调代码复用、统... 目录前言一、为什么要使用全局异常处理?二、核心注解解析1. @RestControllerAdvice2

Spring IoC 容器的使用详解(最新整理)

《SpringIoC容器的使用详解(最新整理)》文章介绍了Spring框架中的应用分层思想与IoC容器原理,通过分层解耦业务逻辑、数据访问等模块,IoC容器利用@Component注解管理Bean... 目录1. 应用分层2. IoC 的介绍3. IoC 容器的使用3.1. bean 的存储3.2. 方法注