50道js面试题 XXXXX

1. javascript的typeof返回哪些数据类型

答案:string,boolean,number,undefined,function,object

2. 例举3种强制类型转换和2种隐式类型转换?

答案:强制(parseInt,parseFloat,number)隐式(== ===)

注:parseInt把值转换成整数,parseFloat把值转换成浮点数。只有对String类型调用这些方法,这两个函数才能正确运行;对其他类型返回的都是NaN(Not a Number)。Number()的强制类型转换与parseInt()和parseFloat()方法的处理方式相似,只是它转换的是整个值,而不是部分值。

16. ”==”和“===”的不同

答案:前者会自动转换类型,再判断是否相等

后者不会自动类型转换,直接去比较

3. split() join() 的区别

答案:前者是将字符串切割成数组的形式,后者是将数组转换成字符串

4. 数组方法pop() push() unshift() shift()

答案:push()尾部添加 pop()尾部删除 unshift()头部添加 shift()头部删除

5. IE和标准下有哪些兼容性的写法

答案:

var ev = ev || window.event

document.documentElement.clientWidth || document.body.clientWidth

Var target = ev.srcElement||ev.target

6. ajax请求的时候get 和post方式的区别

1. GET请求会将参数跟在URL后进行传递,而POST请求则是作为HTTP消息的实体内容发送给WEB服务器。当然在Ajax请求中,这种区别对用户是不可见的

2、get传输数据容量小,不安全,post传输数据内容大,更加安全;

7. call和apply的区别

apply:调用一个对象的一个方法,用另一个对象替换当前对象。例如:B.apply(A, arguments);即A对象应用B对象的方法。

call:调用一个对象的一个方法,用另一个对象替换当前对象。例如:B.call(A, args1,args2);即A对象调用B对象的方法。

它们的共同之处:

都“可以用来代替另一个对象调用一个方法,将一个函数的对象上下文从初始的上下文改变为由thisObj指定的新对象”。

它们的不同之处:

apply:最多只能有两个参数——新this对象和一个数组argArray。如果给该方法传递多个参数,则把参数都写进这个数组里面,当然,即使只有一个参数,也要写进数组里。如果argArray不是一个有效的数组或arguments对象,那么将导致一个TypeError。如果没有提供argArray和thisObj任何一个参数,那么Global对象将被用作thisObj,并且无法被传递任何参数。

call:它可以接受多个参数,第一个参数与apply一样,后面则是一串参数列表。这个方法主要用在js对象各方法相互调用的时候,使当前this实例指针保持一致,或者在特殊情况下需要改变this指针。如果没有提供thisObj参数,那么 Global 对象被用作thisObj。

实际上,apply和call的功能是一样的,只是传入的参数列表形式不同。

8. ajax请求时,如何解析json数据

答案:JSON.parse()方法把字符串转为json对象.

JSON.stringify()方法把json对象转为字符串.

10. 闭包是什么,有什么特性,对页面有什么影响

就是函数a的内部函数b,被函数a外部的一个变量引用的时候,就创建了一个闭包

闭包的特性:

①.封闭性:外界无法访问闭包内部的数据,如果在闭包内声明变量,外界是无法访问的,除非闭包主动向外界提供访问接口;

②.持久性:一般的函数,调用完毕之后,系统自动注销函数,而对于闭包来说,在外部函数被调用之后,闭包结构依然保存在

系统中,闭包中的数据依然存在,从而实现对数据的持久使用。

优点:

① 减少全局变量。

② 减少传递函数的参数量

③ 封装;

缺点:

使用闭包会占有内存资源,过多的使用闭包会导致内存溢出等.

function a(){
 var i=0;
 function b(){
 alert(++i);
 }
 return b;
 }
 var c = a();
 c();

11. 如何阻止事件冒泡

答案:ie:阻止冒泡ev.cancelBubble = true;非IE ev.stopPropagation();

12. 如何阻止默认事件

答案:(1)return false;(2) ev.preventDefault();

13. 添加 删除 替换 插入到某个接点的方法

1)创建新节点
createElement() //创建一个具体的元素
createTextNode() //创建一个文本节点
 
2)添加、移除、替换、插入
appendChild() //添加
removeChild() //移除
replaceChild() //替换
insertBefore() //插入
 
3)查找
getElementsByTagName() //通过标签名称
getElementsByName() //通过元素的Name属性的值
getElementById() //通过元素Id,唯一性

22. 看下列代码,输出什么?解释原因。

var a = null;
alert(typeof a);
答案:object
解释:null是一个只有一个值的数据类型,这个值就是null。表示一个空指针对象,所以用typeof检测会返回”object”。

23. 判断字符串以字母开头,后面可以是数字,下划线,字母,长度为6-30

var reg=/^[a-zA-Z]w{5,29}$/;

31. 希望获取到页面中所有的checkbox怎么做?(不使用第三方框架)

var inputs = document.getElementsByTagName("input");//获取所有的input标签对象
var checkboxArray = [];//初始化空数组,用来存放checkbox对象。
for(var i=0;i<inputs.length;i++){
 var obj = inputs[i];
 if(obj.type=='checkbox'){
 checkboxArray.push(obj);
 }
}

32. 写一个function,清除字符串前后的空格。(兼容所有浏览器)

String.prototype.trim= function(){
return this.replace(/^s+/,"").replace(/s+$/,"");
}

42. js中的3种弹出式消息提醒(警告窗口,确认窗口,信息输入窗口)的命令式什么?

alert
confirm
prompt

45. 可视区的大小:

(1)innerXXX(不兼容ie)

window.innerHeight 可视区高度,包含滚动条宽度

window.innerWidth 可视区宽度,包含滚动条宽度

(2)document.documentElement.clientXXX(兼容ie)

document.documentElement.clientWidth可视区宽度,不包含滚动条宽度

document.documentElement.clientHeight可视区高度,不包含滚动条宽度

46. 节点的种类有几种,分别是什么?

(1)元素节点:nodeType ===1;

(2)文本节点:nodeType ===3;

(3)属性节点:nodeType ===2;

47. innerHTML和outerHTML的区别

innerHTML(元素内包含的内容)

outerHTML(自己以及元素内的内容)

48. offsetWidth offsetHeight和clientWidth clientHeight的区别

(1)offsetWidth (content宽度+padding宽度+border宽度)

(2)offsetHeight(content高度+padding高度+border高度)

(3)clientWidth(content宽度+padding宽度)

(4)clientHeight(content高度+padding高度)

50. 冒泡排序算法

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;
 }
}
}

原文https://www.toutiao.com/a6626187995441529358/?tt_from=weixin&utm_campaign=client_share&wxshare_count=1&timestamp=1542787574&app=news_article&utm_source=weixin&iid=50616827333&utm_medium=toutiao_ios&group_id=6626187995441529358

猜你喜欢

转载自blog.csdn.net/sinat_17775997/article/details/84325862