Javascript面试必看(精简版)
2020-03-22 本文已影响0人
玩点小技术
1. javascript的typeof返回哪些数据类型.
答：string,boolean,number,undefined,function,object
2. 例举3种强制类型转换和2种隐式类型转换?
答：
- 强制（parseInt,parseFloat,number）
- 隐式（== ===）
3. split() join() 的区别
答：前者是将字符串切割成数组的形式，后者是将数组转换成字符串
4. 数组方法pop() push() unshift() shift()
答：push()尾部添加 pop()尾部删除
unshift()头部添加 shift()头部删除
5. ajax请求的时候get 和post方式的区别
答：
- 一个在url后面 ，一个放在虚拟载体里面
- get有大小限制(只能提交1024)
- get会把参数暴露在地址栏上
- post理论上是没有提交的数据大小限制
6. ajax请求时，如何解析json数据
答：使用JSON.parse
7. 事件委托是什么
答: 利用事件冒泡的原理，让自己的所触发的事件，让他的父元素代替执行！
8. 如何阻止事件冒泡
答：ie:阻止冒泡ev.cancelBubble = true;非IE ev.stopPropagation();
9. 闭包是什么，有什么特性，对页面有什么影响
答：闭包就是能够读取其他函数内部变量的函数,使得函数不被GC回收，如果过多使用闭包，容易导致内存泄露
10. 添加 删除 替换 插入到某个接点的方法
答：
- appendChild():添加
- removeChild():删除
- replaceChild():替换
- insertBefore():插入
11. 解释jsonp的原理，以及为什么不是真正的ajax
答：
- 动态创建script标签,回调函数。
- 而Ajax是页面无刷新请求数据操作
12. document load 和document ready的区别
答：
- document.onload 是在结构和样式,外部js以及图片加载完才执行js
- document.ready是dom树创建完成就执行的方法，原生种是没有这个方法，jquery中有 $().ready(function)
13. ==和===的不同
答：前者会自动转换类型,再判断是否相等
后者不会自动类型转换，直接去比较
14. 看下面代码，给出输出结果。
for(var i = 1; i < 5; i++){ //建议使用let 可正常输出i的值
setTimeout(function(){
console.log(i);
},0);
};
答案：4 4 4。
原因：Javascript事件处理器在线程空闲之前不会运行。
15. Javascript的事件流模型都有什么?
- “事件冒泡”：事件开始由最具体的元素接受，然后逐级向上传播
- “事件捕捉”：事件由最不具体的节点先接收，然后逐级向下，一直到最具体的
- “DOM事件流”：三个阶段：事件捕捉，目标阶段，事件冒泡
16. 看下列代码,输出什么?解释原因
var a = null;
alert(typeof a);
答：object
解释：null是一个只有一个值的数据类型，这个值就是null。表示一个空指针对象，所以用typeof检测会返回”object”
17. javaScript的2种变量范围有什么不同？
- 全局变量：当前页面内有效
- 局部变量：函数方法内有效
18. null和undefined的区别？
- null是一个表示"无"的对象，转为数值时为0；undefined是一个表示"无"的原始值，转为数值时为NaN。
- 当声明的变量还未被初始化时，变量的默认值为undefined，null用来表示尚未存在的对象
19. new操作符具体干了什么呢?
- 创建一个空对象，并且 this 变量引用该对象，同时还继承了该函数的原型
- 属性和方法被加入到 this 引用的对象中
- 新创建的对象由 this 所引用，并且最后隐式的返回 this
20. 如何获取javascript三个数中的最大值和最小值？
- Math.max(a,b,c);//最大值
- Math.min(a,b,c)//最小值
21. javascript是面向对象的，怎么体现javascript的继承关系？
答：使用prototype原型来实现
22. 列举javaScript的3种主要数据类型，2种复合数据类型和2种特殊数据类型。
- 主要数据类型：string, boolean, number
- 复合数据类型：function, object
- 特殊类型：undefined，null
23. 程序中捕获异常的方法？
try{
}catch(e){
}finally{
}
24. Ajax原理
(1)创建对象
var xhr = new XMLHttpRequest();
(2)打开请求
xhr.open('GET', 'example.txt', true);
(3)发送请求
xhr.send(); 发送请求到服务器
(4)接收响应
xhr.onreadystatechange =function(){}
(1)当readystate值从一个值变为另一个值时，都会触发readystatechange事件。
(2)当readystate==4时，表示已经接收到全部响应数据。
(3)当status ==200时，表示服务器成功返回页面和数据。
(4)如果(2)和(3)内容同时满足，则可以通过xhr.responseText，获得服务器返回的内容。
25. 解释什么是Json:
- JSON 是一种轻量级的数据交换格式。
- JSON 独立于语言和平台，JSON 解析器和 JSON 库支持许多不同的编程语言。
- JSON的语法表示三种类型值，简单值(字符串，数值，布尔值，null),数组，对象
26. 冒泡排序算法
var array = [5, 4, 3, 2, 1];
var temp = 0;
for (var i = 0; i <array.length; i++){
for (var j = 0; j <array.length - i; j++){
if (array[j] > array[j + 1]){
temp = array[j + 1];
array[j + 1] = array[j];
array[j] = temp;
}
}
27. 写出3个使用this的典型应用
- 事件： 如onclick this->发生事件的对象
- 构造函数 this->new 出来的object
- call/apply 改变this
28. 请说出三种减低页面加载时间的方法
- 压缩css、js文件
- 合并js、css文件，减少http请求
- 外部js、css文件放在最底下
- 减少dom操作，尽可能用变量替代不必要的dom操作
29. 你如何优化自己的代码？
- 代码重用
- 避免全局变量（命名空间，封闭空间，模块化mvc..）
- 拆分函数避免函数过于臃肿
- 去掉多余的注释
30. 你能解释一下JavaScript中的继承是如何工作的吗？
- 子构造函数中执行父构造函数，并用call\apply改变this
- 克隆父构造函数原型上的方法
31. 一个原型链继承的问题
// 有一个构造函数A，写一个函数B，继承A
function A (num) {
this.titileName = num;
}
A.prototype = {
fn1: function () {},
fn2: function () {}
}
// B继承的A的静态属性，同时B的原型链中不存在A实例的titleName属性
