2019JS必看面试题

Posted 2022-04-04 hlhs

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

string,boolean,number,underfined,function,object

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

强制：parseInt,parseFloat,number

隐式：==,===

3. split() join() 的区别

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方式的区别

get：在url后面，而且有大小限制，是请求数据的模式

post：是放在虚拟载体里面，是提交数据的模式

7. call和apply的区别

call：Object.call(this,obj1,obj2,obj3)

apply：Object.apply(this,arguments)

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

使用json.parse

9. 事件委托是什么

利用事件冒泡的原理，让自己所触发的事件，让元素的父元素代替执行

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

闭包就是能够读取其他函数内部变量的函数；可以让函数不被回收；如果过多使用闭包容易导致内存泄漏

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，唯一性

14. 解释jsonp的原理，以及为什么不是真正的ajax

jsonp是动态创建script标签，回调函数，而ajax是页面无刷新请求数据操作

15. document load 和document ready的区别

document.onload是在结构，样式，外部js和图片加载完才执行js，document.onready是dom树创建完成就执行的方法jq有这种方法，原生没有

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

==：会自动转换类型，然后再去比较

===：不转换类型之间去比较

17. 函数声明与函数表达式的区别？

在Javscript中，解析器在向执行环境中加载数据时，对函数声明和函数表达式并非是一视同仁的，解析器会率先读取函数声明，并使其在执行任何代码之前可用（可以访问），至于函数表达式，则必须等到解析器执行到它所在的代码行，才会真正被解析执行

18. 对作用域上下文和this的理解，看下列代码：

var User = 
 count: 1,
 getCount: function() 
  return this.count;
 
;
console.log(User.getCount()); // what?
var func = User.getCount;
console.log(func()); // what?
问两处console输出什么？为什么？
答案:是1和undefined。
　　func是在window的上下文中被执行的，所以不会访问到count属性。

19. 看下面代码，给出输出结果。

for(var i = 1; i <= 3; i++)  //建议使用let 可正常输出i的值
  setTimeout(function()
      console.log(i);   
  ,0); 
;
答案：4 4 4。
原因：Javascript事件处理器在线程空闲之前不会运行。

20. 当一个DOM节点被点击时候，我们希望能够执行一个函数，应该怎么做?

box.onlick= function()
box.addEventListener("click",function(),false);
<button onclick="xxx()"></button>

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

var reg=/^[a-zA-Z]\w5,29$/;

24. 回答以下代码，alert的值分别是多少？

<script>
     var a = 100;  
     function test()  
        alert(a);  
     a = 10;  //去掉了var 就变成定义了全局变量了
        alert(a);  
  
test();
alert(a);
</script>
正确答案是： 100， 10， 10

25. javaScript的2种变量范围有什么不同？

全局变量：当前页面内有效

局部变量：函数方法内有效

26. null和undefined的区别？

null是一个表示"无"的对象，转为数值时为0；undefined是一个表示"无"的原始值，转为数值时为NaN。

当声明的变量还未被初始化时，变量的默认值为undefined。 null用来表示尚未存在的对象

undefined表示"缺少值"，就是此处应该有一个值，但是还没有定义。典型用法是：

（1）变量被声明了，但没有赋值时，就等于undefined。

（2）调用函数时，应该提供的参数没有提供，该参数等于undefined。

（3）对象没有赋值的属性，该属性的值为undefined。

（4）函数没有返回值时，默认返回undefined。

null表示"没有对象"，即该处不应该有值。典型用法是：

（1） 作为函数的参数，表示该函数的参数不是对象。

（2） 作为对象原型链的终点。

27. new操作符具体干了什么呢?

1、创建一个空对象，并且 this 变量引用该对象，同时还继承了该函数的原型。

2、属性和方法被加入到 this 引用的对象中。

3、新创建的对象由 this 所引用，并且最后隐式的返回 this 。

28. js延迟加载的方式有哪些？

defer和async、动态创建DOM方式（创建script，插入到DOM中，加载完毕后callBack）、按需异步载入js

29. Flash、Ajax各自的优缺点，在使用中如何取舍？

Flash：适合处理多媒体，矢量图，访问机器；对css，处理文本上不足，不容易被搜索

Ajax：对css，文本支持很好，易搜索；多媒体，矢量图形，机器访问不足

共同点：与服务器得无刷新传递消息，用户离线和在线状态，操作dom

30. 写一个获取非行间样式的函数

function getStyle(obj,attr) 
if(obj.currentStyle) 
return obj.currentStyle[attr];
else
getComputedStyle(obi,false)[attr] 

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