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属性
网友评论