50道JavaScript基础面试题(附答案)

您所在的位置:网站首页 逻辑测试选择题及答案 50道JavaScript基础面试题(附答案)

50道JavaScript基础面试题(附答案)

2024-04-17 22:18| 来源: 网络整理| 查看: 265

1 介绍JavaScript的基本数据类型Number、String 、Boolean 、Null、Undefined Object 是 JavaScript 中所有对象的父对象数据封装类对象:Object、Array、Boolean、Number 和 String其他对象:Function、Arguments、Math、Date、RegExp、Error新类型:Symbol

2 说说写JavaScript的基本规范?1) 不要在同一行声明多个变量2) 使用 ===或!==来比较true/false或者数值3) switch必须带有default分支4) 函数应该有返回值5) for if else 必须使用大括号6) 语句结束加分号7) 命名要有意义,使用驼峰命名法

3 jQuery使用建议1) 尽量减少对dom元素的访问和操作2) 尽量避免给dom元素绑定多个相同类型的事件处理函数,可以将多个相同类型事件处理函数合并到一个处理函数,通过数据状态来处理分支3) 尽量避免使用toggle事件

4 Ajax使用全称 : Asynchronous Javascript And XML所谓异步,就是向服务器发送请求的时候,我们不必等待结果,而是可以同时做其他的事情,等到有了结果它自己会根据设定进行后续操作,与此同时,页面是不会发生整页刷新的,提高了用户体验。创建Ajax的过程:1) 创建XMLHttpRequest对象(异步调用对象)

var xhr = new XMLHttpRequest();

2) 创建新的Http请求(方法、URL、是否异步)

xhr.open(‘get’,’example.php’,false);

3) 设置响应HTTP请求状态变化的函数。onreadystatechange事件中readyState属性等于4。响应的HTTP状态为200(OK)或者304(Not Modified)。4) 发送http请求

xhr.send(data);

5) 获取异步调用返回的数据注意:1) 页面初次加载时,尽量在web服务器一次性输出所有相关的数据,只在页面加载完成之后,用户进行操作时采用ajax进行交互。2) 同步ajax在IE上会产生页面假死的问题。所以建议采用异步ajax。3) 尽量减少ajax请求次数4) ajax安全问题,对于敏感数据在服务器端处理,避免在客户端处理过滤。对于关键业务逻辑代码也必须放在服务器端处理。

5 JavaScript有几种类型的值?你能画一下他们的内存图吗?基本数据类型存储在栈中,引用数据类型(对象)存储在堆中,指针放在栈中。两种类型的区别是:存储位置不同;原始数据类型直接存储在栈中的简单数据段,占据空间小、大小固定,属于被频繁使用数据,所以放入栈中存储;引用数据类型存储在堆中的对象,占据空间大、大小不固定,如果存储在栈中,将会影响程序运行的性能引用数据类型在栈中存储了指针,该指针指向堆中该实体的起始地址。当解释器寻找引用值时,会首先检索其在栈中的地址,取得地址后从堆中获得实体。

6 栈和堆的区别?栈(stack):由编译器自动分配释放,存放函数的参数值,局部变量等;堆(heap):一般由程序员分配释放,若程序员不释放,程序结束时可能由操作系统释放。

7 Javascript实现继承的几种方式可以参考我的另一篇文章JavaScript实现类与继承的方法(全面整理)

8 Javascript创建对象的几种方式?可以参考我的另一篇文章JavaScript实现类与继承的方法(全面整理)

9 Javascript作用链域作用域链的原理和原型链很类似,如果这个变量在自己的作用域中没有,那么它会寻找父级的,直到最顶层。注意:JS没有块级作用域,若要形成块级作用域,可通过(function(){})();立即执行的形式实现。

10 谈谈this的理解1) this总是指向函数的直接调用者(而非间接调用者)2) 如果有new关键字,this指向new出来的那个对象3) 在事件中,this指向目标元素,特殊的是IE的attachEvent中的this总是指向全局对象window。

11 eval是做什么的?它的功能是把对应的字符串解析成JS代码并运行;应该避免使用eval,不安全,非常耗性能(2次,一次解析成js语句,一次执行)。

12 什么是window对象? 什么是document对象?window对象代表浏览器中打开的一个窗口。document对象代表整个html文档。实际上,document对象是window对象的一个属性。

13 null,undefined的区别?null表示一个对象被定义了,但存放了空指针,转换为数值时为0。undefined表示声明的变量未初始化,转换为数值时为NAN。typeof(null) -- object;typeof(undefined) -- undefined

14 写一个通用的事件侦听器函数(机试题)

15 ["1", "2", "3"].map(parseInt) 答案是多少?[1,NaN,NaN]

解析:Array.prototype.map()array.map(callback[, thisArg])callback函数的执行规则参数:自动传入三个参数currentValue(当前被传递的元素);index(当前被传递的元素的索引);array(调用map方法的数组)

parseInt方法接收两个参数第三个参数["1", "2", "3"]将被忽略。parseInt方法将会通过以下方式被调用parseInt("1", 0)parseInt("2", 1)parseInt("3", 2)

parseInt的第二个参数radix为0时,ECMAScript5将string作为十进制数字的字符串解析;parseInt的第二个参数radix为1时,解析结果为NaN;parseInt的第二个参数radix在2—36之间时,如果string参数的第一个字符(除空白以外),不属于radix指定进制下的字符,解析结果为NaN。parseInt("3", 2)执行时,由于"3"不属于二进制字符,解析结果为NaN。

16 关于事件,IE与火狐的事件机制有什么区别? 如何阻止冒泡?IE为事件冒泡,Firefox同时支持事件捕获和事件冒泡。但并非所有浏览器都支持事件捕获。jQuery中使用event.stopPropagation()方法可阻止冒泡;(旧IE的方法 ev.cancelBubble = true;)

17 什么是闭包(closure),为什么要用它?闭包指的是一个函数可以访问另一个函数作用域中变量。常见的构造方法,是在一个函数内部定义另外一个函数。内部函数可以引用外层的变量;外层变量不会被垃圾回收机制回收。注意,闭包的原理是作用域链,所以闭包访问的上级作用域中的变量是个对象,其值为其运算结束后的最后一个值。优点:避免全局变量污染。缺点:容易造成内存泄漏。例子:

function makeFunc() { var name = "Mozilla"; function displayName() { console.log(name); } return displayName; } var myFunc = makeFunc(); myFunc(); //输出Mozilla

myFunc 变成一个 闭包。闭包是一种特殊的对象。它由两部分构成:函数,以及创建该函数的环境。环境由闭包创建时在作用域中的任何局部变量组成。在我们的例子中,myFunc 是一个闭包,由 displayName 函数和闭包创建时存在的 "Mozilla" 字符串形成。

18 javascript 代码中的"use strict";是什么意思 ? 使用它区别是什么?除了正常模式运行外,ECMAscript添加了第二种运行模式:“严格模式”。作用:1) 消除js不合理,不严谨地方,减少怪异行为2) 消除代码运行的不安全之处,3) 提高编译器的效率,增加运行速度4) 为未来的js新版本做铺垫。

19 如何判断一个对象是否属于某个类?使用instanceof 即if(a instanceof Person){alert('yes');}

20 new操作符具体干了什么呢?1) 创建一个空对象,并且 this 变量引用该对象,同时还继承了该函数的原型。2) 属性和方法被加入到 this 引用的对象中。3) 新创建的对象由 this 所引用,并且最后隐式的返回 this 。

21 Javascript中,执行时对象查找时,永远不会去查找原型的函数?Object.hasOwnProperty(proName):是用来判断一个对象是否有你给出名称的属性。不过需要注意的是,此方法无法检查该对象的原型链中是否具有该属性,该属性必须是对象本身的一个成员。

22 对JSON的了解?全称:JavaScript Object NotationJSON中对象通过“{}”来标识,一个“{}”代表一个对象,如{“AreaId”:”123”},对象的值是键值对的形式(key:value)。JSON是JS的一个严格的子集,一种轻量级的数据交换格式,类似于xml。数据格式简单,易于读写,占用带宽小。两个函数:JSON.parse(str)解析JSON字符串 把JSON字符串变成JavaScript值或对象JSON.stringify(obj) 将一个JavaScript值(对象或者数组)转换为一个 JSON字符串eval('('+json+')') 用eval方法注意加括号 而且这种方式更容易被攻击

23 JS延迟加载的方式有哪些?JS的延迟加载有助与提高页面的加载速度。defer和async、动态创建DOM方式(用得最多)、按需异步载入JSdefer:延迟脚本。立即下载,但延迟执行(延迟到整个页面都解析完毕后再运行),按照脚本出现的先后顺序执行。async:异步脚本。下载完立即执行,但不保证按照脚本出现的先后顺序执行。

24 同步和异步的区别?同步的概念在操作系统中:不同进程协同完成某项工作而先后次序调整(通过阻塞、唤醒等方式),同步强调的是顺序性,谁先谁后。异步不存在顺序性。同步:浏览器访问服务器,用户看到页面刷新,重新发请求,等请求完,页面刷新,新内容出现,用户看到新内容之后进行下一步操作。异步:浏览器访问服务器请求,用户正常操作,浏览器在后端进行请求。等请求完,页面不刷新,新内容也会出现,用户看到新内容。

25 什么是跨域问题 ,如何解决跨域问题?可以参考我的另一篇文章什么是跨域以及几种简单解决方案

26 页面编码和被请求的资源编码如果不一致如何处理?若请求的资源编码,如外引js文件编码与页面编码不同。可根据外引资源编码方式定义为 charset="utf-8"或"gbk"。比如:http://www.yyy.com/a.html 中嵌入了一个http://www.xxx.com/test.jsa.html 的编码是gbk或gb2312的。 而引入的js编码为utf-8的 ,那就需要在引入的时候



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3