九江市住房和城乡建设局官方网站,雅安移动网站建设,宁波seo在线优化,网络营销是什么的基础选择题#x1f973;博 主#xff1a;初映CY的前说(前端领域) #x1f31e;个人信条#xff1a;想要变成得到#xff0c;中间还有做到#xff01; #x1f918;本文核心#xff1a;博主收集的关于javaScript的面试题 目录
一、2023javaScript面试题精选
1.js的数据类型… 博 主初映CY的前说(前端领域) 个人信条想要变成得到中间还有做到 本文核心博主收集的关于javaScript的面试题 目录
一、2023javaScript面试题精选
1.js的数据类型
2.双等和三等的区别
3.js中布尔值为false的六种情况
4.let const var 区别
5.普通函数和箭头函数的区别
6.数组有哪些方法
7.map()对比forEach()
8.for in 对比 for of区别
9.扁平化数组代码实现
10.数组去重的方法
11.防抖和节流
12.事件循环机制
13.原型与原型链
14.localStorage、sessionStorage、cookie区别
15.判断数据类型的方式以及区别 (typeof instanceof 他们两者的区别)
16.null typeof为什么是一个object
17.事件冒泡与事件捕获原理
18.父div和子div都绑定了click事件,点击子div触发事件,这个事件的回调顺序
19.阻止冒泡的方式及作用
20.事件委托的理解
21.call、apply、bind的区别
22.js闭包
23.内存泄漏怎么理解
24.哪些操作会造成内存泄露 一、2023javaScript面试题精选
1.js的数据类型
数据类型分为两种基本数据类型与引用数据类型。基本数据类型有number、string、boolean、null、undefined。引用数据类型有array、function等除了基本数据类型都是引用数据类型 基本数据类型的主要特点是赋值方式是传值并且值存在栈中。
引用数据类型的主要特点是赋值方式是传址并且值存在堆中。 2.双等和三等的区别
双等主要是值类型进行比较三等是值类型与数据类型进行双层比较。
简单来说就是三等因为传递的是地址因此我们需要先对比数据类型再看地址内部存储的数据是否相等。而双等仅仅是看值是否相等值相等即可无需比较类型。 3.js中布尔值为false的六种情况
undefined未定义找不到值时出现、null(代表空值)NaN(无法计算时候出现表示非数值typeof(NaN)是number类型)false(布尔值的false,注意‘false’的布尔值为true(这是字符串))0数字‘’或者单双引号注意中间有空格是true
因此我举个例子truetrue2 4.let const var 区别
var:存在变量提升可以先去声明再去使用一个变量可多次声明后面的声明会覆盖前面的声明 const:const声明一个只读的变量声明后值就不能改变(引用类型地址不变即可值可改变) let:不存在变量提升let声明变量前该变量不能使用 5.普通函数和箭头函数的区别
写法不同。箭头函数更加专注于结果写法由于{}构成写法简洁
this指向不同。箭头函数中 this 的指向不同在普通函数中this 总是指向调用它的对象如果用作构造函数它指向创建的对象实例。箭头函数中没有this箭头函数的this指向取决于外层作用域中的this外层作用域或函数的this指向谁箭头函数中的this便指向谁。
6.数组有哪些方法 大家可以看看这一篇文章http://t.csdn.cn/v6Zqu 数组的增删改查操作 push()、unshift、shift()、pop()、splice()、join()、reverse() 数组的遍历操作 map()、filter()、some()、every()、findindex()、reduce() 7.map()对比forEach()
1.map有返回值可以开辟新空间return出来一个length和原数组一致的数组即便数组元素是undefined或者是null。 2.forEach默认无返回值返回结果为undefined可以通过在函数体内部使用索引修改数组元素。 3.map的处理速度比forEach快而且返回一个新的数组方便链式调用其他数组新方法 8.for in 对比 for of区别
简单来说就是它们两者都可以用于遍历不过for in遍历的是数组的索引(index)而for of遍历的是数组元素值(item) 9.扁平化数组代码实现 ①使用isArray()(检测是否是数组)配合concat()(合并数组)实现 ②使用reduce配合isArrayy于concat遍历实现 ③利用展开运算符的妙用 该三种方法的是来源于http://t.csdn.cn/s3CxR博主从人到猿
!DOCTYPE html
html langen
headmeta charsetUTF-8meta http-equivX-UA-Compatible contentIEedgemeta nameviewport contentwidthdevice-width, initial-scale1.0titleDocument/title
/head
bodyscript
// isArray判断是不是数组
const a [1, [2, [3, [4, 5]]]];
// const flatten (arr) {
// let result [];
// for (let i 0; i arr.length; i) {
// if (Array.isArray(arr[i])) {
// result result.concat(flatten(arr[i]));
// } else {
// result.push(arr[i]);
// }
// }
// return result;
// };
// console.log(flatten(a));// concat连接两个数组
// var sedan [S60, S90];
// var SUV [XC40, XC60, XC90];// var Volvo sedan.concat(SUV);//[S60, S90, XC40, XC60, XC90]
// console.log(Volvo)// const flatten (arr) {
// return arr.reduce((prev,next){
// return prev.concat(Array.isArray(next)?flatten(next):next)
// },[]);
// };
// console.log(flatten(a));console.log(...a,a);
//展开运算符配合concat
const flatten (arr) {while(arr.some(itemArray.isArray(item))){arr [].concat(...arr);}return arr;};console.log(flatten(a));/script
/body
/html
10.数组去重的方法 该三种方法的是来源于http://t.csdn.cn/F3jkN博主经海路大白狗 1.利用新旧数组遍历对比法 arr[1,5,1,3,5,4,3,9,8]let newArr [];/* indexOf用于查找数组元素第一次出现的位置没找到则返回值为-1参数有两个第一个为元素项目参数二可选需要查找的位置负数从-1往前面加 */
for (let i0;iarr.length;i) {if (newArr.indexOf(arr[i]) -1) {newArr.push(arr[i]);}}
console.log(newArr);//[1, 5, 3, 4, 9, 8] 2.利用新语法 new Set() arr[1,5,1,3,5,4,3,9,8]
let mySet new Set(arr); // 非重复的类数组
console.log(mySet,mySet);//{{1, 5, 3, 4, 9,8}
// let newArr Array.from(mySet); // set转数组
let newArr [...mySet]; // 或者是这种解构方法
console.log(newArr);//[1, 5, 3, 4, 9, 8] 3.filter与indexOf结合 /* 这个过滤就很巧妙利用索引与每一项出现的首次位置indexOf作用进行对比当符合条件的时候返回出去*/
arr[1,5,1,3,5,4,3,9,8]
var newArr arr.filter((item, index) {return arr.indexOf(item) index;
})
console.log(newArr);//[1, 5, 3, 4, 9, 8] 4.includes()的妙用 arr[1,5,1,3,5,4,3,9,8]
let newArr [];
for (let i0;iarr.length;i) {if (!newArr.includes(arr[i])) {newArr.push(arr[i]);}
}
console.log(newArr);//[1, 5, 3, 4, 9, 8] 5.利用对象属性来进行判断 arr[1,5,1,3,5,4,3,9,8]
let obj {}; // 对象的key值是唯一的
let newArr [];
for (let i0;iarr.length;i) {if (!obj[arr[i]]) {obj[arr[i]] arr[i];}
}
console.log(obj)//{1: 1, 3: 3, 4: 4, 5: 5, 8: 8, 9: 9} 11.防抖和节流
本知识点来源http://t.csdn.cn/dwVOq博主留着鼻涕敲代码 防抖多次触发只执行最后一次 应用场景search搜索时用户在不断输入值时用防抖来节约请求资源 节流规定时间内 只触发一次 应用场景 1.鼠标不断点击触发mousedown(单位时间内只触发一次) 2.监听滚动事件比如是否滑到底部自动加载更多用throttle来判断 12.事件循环机制
事件循环理论先执行同步任务再去执行我们的异步任务先执行微任务再执行宏任务。
异步任务进一步划分分为
宏任务script标签、setTimeout()、setInterval
微任务Promise.then、nextTick
13.原型与原型链 原型是我们创建函数的时候系统帮我们自动生成的一个对象。 主要作用是解决构造函数内部方法内存资源浪费问题。在开发中我们一般把实例对象一些通用的方法放入原型中在 vue 里面有时候也会给 vue 的原型添加一些公共类方法来实现所有的组件中可以共享成员。像一些常见的$router和$store 都是挂载到 vue 的原型上的。 原型链是 js 对象一种查找机制遵循就近原则。当我们访问一个对象中的成员的时候会优先访问自己的如果自己没有就访问原型的如果原型也没有就会访问原型的原型直到原型链的终点 null. 如果还没有此时属性就会获取 undefined方法就会报错 xxx is not a function。一般原型链主要是用来实现面向对象继承的。 14.localStorage、sessionStorage、cookie区别 共同点都是保存在浏览器端 区别l
①ocalStorage、sessionStorage不会自动把数据发送给服务器仅在本地存储
②cookie数据有路径path概念可以固定存储到某个路径下
③cookie每次http请求都会携带因此cookie只适合存储小数据最大为4K左右其他两者为5M
④有效期不同cookie与localStorage都在过期前有效但是sessionStorage在关闭的时候失效
⑤localStorage、cookie在同源窗口下共享数据sessionStorage不在不同窗口下共享 15.判断数据类型的方式以及区别 (typeof instanceof 他们两者的区别)
1.typeof一般判断基本数据类型
2.instanceof 一般判断引用类型数据主要的作用就是判断一个实例是否属于某种类型或者判断一个实例是否有它的原型。 16.null typeof为什么是一个object
因为在javaScript中不同的对象都是使用二进制存储的如果二进制前三位都是0的话系统会判断为是Object类型而null的二进制全是0自然也就判断为Object 17.事件冒泡与事件捕获原理
事件捕获触及的事件从文档根节点Document 对象流向目标节点途中会经过目标节点的各个节点并在这些节点上触发捕获事件直至到达事件的目标节点。是由外到内层
事件冒泡与事件捕获相反事件会从目标节点流向文档根节点途中会经过目标节点的各个父级节点并在这些节点上触发捕获事件直至到达文档的根节点。由内到外 18.父div和子div都绑定了click事件,点击子div触发事件,这个事件的回调顺序
该原理同上默认是事件冒泡先触发子元素再往它的上级触发 19.阻止冒泡的方式及作用
使用 e.stopPropagation()来阻止事件冒泡。作用当然是阻止我们触发它上级的事件啦 20.事件委托的理解
js事件代理是把事件处理任务添加到上一级的元素中这样就避免了把事件添加到多个子集元素上底层原理是利用了事件冒泡机制
优点
减少注册时间节约内存在table上代理所有td的click事件在ul上代理所有的click事件简化dom节点更新相应事件的更新不需要在新添加的li上绑定click事件当删除某个li的时候不需要移除绑定在上面的click事件
缺点
对于不冒泡的事件不给予支持层级太多肯能会被中间的某层阻止掉理论上会导致浏览器会频繁的调用处理函数虽然可能不需要处理21.call、apply、bind的区别 本知识点来源http://t.csdn.cn/3UPti博主dream_reason
共同点
都是用来改变函数的this对象的指向的第一个参数都是this要指向的对象都可以参加后续参数传参
不同点
bind是返回对应函数便于稍后调用apply、call则是立即调用apply和call功能一样只是传入的参数列表形式不同其中 thisArg 是你想指定的上下文他可以是任何一个 JavaScript 对象(JavaScript 中一切皆对象)call 需要把参数按顺序传递进去而 apply 则是把参数放在数组里。22.js闭包
一个作用域可以访问另外一个函数内部的局部变量或者说一个函数子函数访问另一个函数父函数中的变量。此时就有闭包产生那么这个变量所在的函数我们就称之为闭包函数。
优缺点闭包的主要作用是延伸了变量的作用范围因为闭包函数中的局部变量不会等着闭包函数执行完成就销毁因为还有别的函数需要调用它只有等这所有的函数都调用完了它才会被销毁。
如何解决用完之后手动释放。 23.内存泄漏怎么理解
内存泄漏指的是我们用动态存储分配的函数来开辟空间但是在使用完了没有释放结果就一直占据该内存单元直到程序结束。简而言之就是用完了还没回收这就是内存泄漏。 24.哪些操作会造成内存泄露
我们的setTimeout第一个参数是字符串而不是函数的时候闭包、控制台日志、循环在两个对象彼此引用且彼此保留的时候就会产生循环一个对象的引用数量为0或者唯一作用就是循环引用开辟空间没有用上
至此本文结束如对您有帮助请务必关注博主呦万分感谢
文章转载自： http://www.morning.qwbtr.cn.gov.cn.qwbtr.cn http://www.morning.yxgqr.cn.gov.cn.yxgqr.cn http://www.morning.wnzgm.cn.gov.cn.wnzgm.cn http://www.morning.jqzns.cn.gov.cn.jqzns.cn http://www.morning.qineryuyin.com.gov.cn.qineryuyin.com http://www.morning.a3e2r.com.gov.cn.a3e2r.com http://www.morning.0dirty.cn.gov.cn.0dirty.cn http://www.morning.gqbks.cn.gov.cn.gqbks.cn http://www.morning.mzgq.cn.gov.cn.mzgq.cn http://www.morning.ddfp.cn.gov.cn.ddfp.cn http://www.morning.mwkwg.cn.gov.cn.mwkwg.cn http://www.morning.zffn.cn.gov.cn.zffn.cn http://www.morning.bkfdf.cn.gov.cn.bkfdf.cn http://www.morning.rbyz.cn.gov.cn.rbyz.cn http://www.morning.gctgc.cn.gov.cn.gctgc.cn http://www.morning.kqbzy.cn.gov.cn.kqbzy.cn http://www.morning.gqjqf.cn.gov.cn.gqjqf.cn http://www.morning.qnywy.cn.gov.cn.qnywy.cn http://www.morning.bnfrj.cn.gov.cn.bnfrj.cn http://www.morning.gtqx.cn.gov.cn.gtqx.cn http://www.morning.zkbxx.cn.gov.cn.zkbxx.cn http://www.morning.rrrrsr.com.gov.cn.rrrrsr.com http://www.morning.kpypy.cn.gov.cn.kpypy.cn http://www.morning.djpzg.cn.gov.cn.djpzg.cn http://www.morning.mldrd.cn.gov.cn.mldrd.cn http://www.morning.bxhch.cn.gov.cn.bxhch.cn http://www.morning.jrwbl.cn.gov.cn.jrwbl.cn http://www.morning.fnywn.cn.gov.cn.fnywn.cn http://www.morning.llllcc.com.gov.cn.llllcc.com http://www.morning.fnywn.cn.gov.cn.fnywn.cn http://www.morning.bszmy.cn.gov.cn.bszmy.cn http://www.morning.wcczg.cn.gov.cn.wcczg.cn http://www.morning.sqqhd.cn.gov.cn.sqqhd.cn http://www.morning.weitao0415.cn.gov.cn.weitao0415.cn http://www.morning.rnwt.cn.gov.cn.rnwt.cn http://www.morning.kybjr.cn.gov.cn.kybjr.cn http://www.morning.fdzzh.cn.gov.cn.fdzzh.cn http://www.morning.xxknq.cn.gov.cn.xxknq.cn http://www.morning.mxlwl.cn.gov.cn.mxlwl.cn http://www.morning.ujianji.com.gov.cn.ujianji.com http://www.morning.ynstj.cn.gov.cn.ynstj.cn http://www.morning.ffmx.cn.gov.cn.ffmx.cn http://www.morning.qggm.cn.gov.cn.qggm.cn http://www.morning.rqrh.cn.gov.cn.rqrh.cn http://www.morning.qtyfb.cn.gov.cn.qtyfb.cn http://www.morning.rcbdn.cn.gov.cn.rcbdn.cn http://www.morning.bangaw.cn.gov.cn.bangaw.cn http://www.morning.zsfooo.com.gov.cn.zsfooo.com http://www.morning.fwllb.cn.gov.cn.fwllb.cn http://www.morning.bpmdx.cn.gov.cn.bpmdx.cn http://www.morning.kzhgy.cn.gov.cn.kzhgy.cn http://www.morning.lndongguan.com.gov.cn.lndongguan.com http://www.morning.gfznl.cn.gov.cn.gfznl.cn http://www.morning.jwlmm.cn.gov.cn.jwlmm.cn http://www.morning.jkfyt.cn.gov.cn.jkfyt.cn http://www.morning.ymyhg.cn.gov.cn.ymyhg.cn http://www.morning.glswq.cn.gov.cn.glswq.cn http://www.morning.drjll.cn.gov.cn.drjll.cn http://www.morning.cnfxr.cn.gov.cn.cnfxr.cn http://www.morning.trzzm.cn.gov.cn.trzzm.cn http://www.morning.cldgh.cn.gov.cn.cldgh.cn http://www.morning.qrsrs.cn.gov.cn.qrsrs.cn http://www.morning.rsnn.cn.gov.cn.rsnn.cn http://www.morning.rnxw.cn.gov.cn.rnxw.cn http://www.morning.cwknc.cn.gov.cn.cwknc.cn http://www.morning.tcfhs.cn.gov.cn.tcfhs.cn http://www.morning.tkjh.cn.gov.cn.tkjh.cn http://www.morning.i-bins.com.gov.cn.i-bins.com http://www.morning.hwcln.cn.gov.cn.hwcln.cn http://www.morning.lbgsh.cn.gov.cn.lbgsh.cn http://www.morning.blfgh.cn.gov.cn.blfgh.cn http://www.morning.nlcw.cn.gov.cn.nlcw.cn http://www.morning.wlsrd.cn.gov.cn.wlsrd.cn http://www.morning.qcsbs.cn.gov.cn.qcsbs.cn http://www.morning.mjbjq.cn.gov.cn.mjbjq.cn http://www.morning.zqwqy.cn.gov.cn.zqwqy.cn http://www.morning.lhxkl.cn.gov.cn.lhxkl.cn http://www.morning.lpcct.cn.gov.cn.lpcct.cn http://www.morning.mcgsq.cn.gov.cn.mcgsq.cn http://www.morning.wtnyg.cn.gov.cn.wtnyg.cn
