美文网首页让前端飞壁纸小家
Javascript面试必看(精简版)

Javascript面试必看(精简版)

作者: 玩点小技术 | 来源:发表于2020-03-22 11:29 被阅读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. 请说出三种减低页面加载时间的方法
  1. 压缩css、js文件
  2. 合并js、css文件,减少http请求
  3. 外部js、css文件放在最底下
  4. 减少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属性

相关文章

网友评论

    本文标题:Javascript面试必看(精简版)

    本文链接:https://www.haomeiwen.com/subject/mfmmyhtx.html