2019JS必看面试题

标签：creat   开头   继承   试题   而且   样式   key   box   event   

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]\w{5,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的区别？

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

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

2019JS必看面试题

标签：creat   开头   继承   试题   而且   样式   key   box   event   

原文地址：https://www.cnblogs.com/hlhs/p/11169144.html