首页 / JAVASCRIPT / js中常见面试问题-笔记

js中常见面试问题-笔记

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了js中常见面试问题-笔记，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1201字，纯文字阅读大概需要2分钟。

内容图文


原文参考https://mp.weixin.qq.com/s/mCVL6qI33XeTg4YGIKt-JQ

1.事件代理
给父元素添加事件，利用事件冒泡原理，在根据e.target来获取子元素
<ul id="parentBox">
<li class="item">1</li>
<li class="item">2</li>
<li class="item">3</li>
</ul>
let parentBox = document.getElementById(‘parentBox‘);
parentBox.addEventListener(‘click‘,function(e){
if(e.target && e.target.nodeName === ‘LI‘){
let item = e.target;
console.log(item);
}
})
2.在循环中使用闭包
var arr = [1,2,3,4,5];
for(var i=0; i<arr.length; i++){
setTimeout(function(){
console.log(i)
},1000)
}
输出结果为：5,5,5,5,5
想要让i输出0,1,2,3,4
方法一使用闭包
for(var i=0; i<arr.length; i++){
setTimeout(function(j){// 这里将值传入
console.log(j)// 这里接受
}(i),1000)// 闭包的使用
}
方法二let关键字
for(let i=0; i<arr.length; i++){
setTimout(function(){
console.log(i)
},1000)
}
3.滚动页面和窗口调整时，触发事件。
核心思想利用setTimeout延迟功能，来处理事件。
// 参数一接受执行函数，参数二延迟时间
function debounce(fn,delay){
// 维护一个timer
let timer = null;
// 能访问timer的闭包
return function(){
// 通过this和arguments获取函数的作用域和变量
let context = this;
let args = arguments;
// 如果事件被调用，清除timer然后重新设置timer
clearTimeout(timer);
timer = setTimeout(function(){
fn.apply(context,args);
},delay);
}
}

原文：http://www.cnblogs.com/victory820/p/6882464.html

内容总结

以上是互联网集市为您收集整理的js中常见面试问题-笔记全部内容，希望文章能够帮你解决js中常见面试问题-笔记所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1181269.html

来源：【匿名】