2023高频前端面试题(持续更新 含答案)
1,es6有哪些新特性?
ES6是2015年推出的一个新的版本、这个版本相对于ES5的语法做了很多的优化
let和const具有块级作用域,不存在变量提升的问题。新增了箭头函数,简化了定义函数的写法,同时
可以巧用箭头函数的this、(注意箭头函数本身没有this,它的this取决于外部的环境),新增了promise,解决了回调地域的问题,新增了模块化、利用import 、export来实现导入、导出。新增了结构赋值,ES6 允许按照一定模式,从数组和对象中提取值,对变量进行赋值,这被称为解构
(Destructuring)。新增了class类的概念,它类似于对象。
1-1,let声明变量和var一样,但是let不存在变量提升,存在块级作用域,块级作用域---很适合用在for循环中,使用let时for循环每循环一次就是一个单独的变量i只在当前花括内生效,而且不会泄露成全局的i,不能重复声明,不存在变量提升
![](/assets/blank.gif)
1-2,const-声明常量,只要声明就必须初始化,不能重复声明,不存在变量提升,const只要声明就必须初始化
![](/assets/blank.gif)
1-3,新增了箭头函数,简化了定义函数的写法,同时可以巧用箭头函数的this、(注意箭头函数本身没有this,它的this取决于外部的环境)
箭头函数和普通函数的区别:
this指向不同,因为箭头函数中没有this
箭头函数不能使用arguments
书写方式,箭头函数使用(=>)箭头定义函数
箭头函数可以省略return
箭头函数都是匿名函数
箭头函数不能用于构造函数,不能使用new
call apply bind改变不了this指向
1-4,symbol
新增的数据类型,第七种数据类型,原始数据类型,表示独一无二的值
let sy=Symbol()
console.log(typeof sy);
// 数值是由symbol函数生成的,不能使用new
// 可以接受参数,用来描述数据
let sy=Symbol('a')
let sy1=Symbol('a')
console.log( sy===sy1);
1-5,集合-set
新增的数据结构 类似于数组,成员是不重复的,只有一个,可以接收参数,可以接收数组或者iteration接口的数据
// 可以去重
let s=new Set()
var arr=[1,2,3,1,2,3]arr.forEach(item=>{s.add(item)
})
console.log(s);
let s=new Set('aasdasd')
let s1=new Set(document.querySelectorAll('li'))
console.log(s1);
属性:
set.prototype.size :长度
set.prototype.constructor:指向构造函数
数据:
set.prototype.add(value)添加数据
set.prototype.delete(value)删除数据
set.prototype.has(value)检测数据是否存在,返回时布尔值
set.prototype.clear()将数据清空
遍历器:
set.prototype.keys()遍历属性名(键名)遍历器
set.prototype.values()遍历属性值(键值)遍历器
set.prototype.entries()遍历键值对的遍历器
forEach()遍历
1-6,map
类似对象 键值对的形式存在,不限制数据类型作为属性名,值---值
let m=new Map()
m.set(1,{name:'1'})
m.set([1,2,3],1)
console.log(m.get());
1-7,解构赋值
按照一定模式匹配相应的数据
数组的结构
var arr=[1,2,3]
var [a,b,c]=arr
console.log(a,b,c)//1,2,3
//相当于:
[a,b,c]=[1,2,3]
对象的结构
var obj={
name:'zhang',
age:'19',
set:{
name:'lisi'
}
}
var {name:bar,age:a,set:{name:baz}}=obj
console.log(baz);
函数的解构赋值
// 参数的解构赋值
function fun([x,y],b,a,c){console.log(x,y);
}
fun([1,2],10,20)
1-8,严格模式
对代码进行限制规范,严格模式和普通没有区别
// 注意:- 将严格模式的语句放到代码的第一行
// - ie 6 7 8 9不支持严格模式 'use strict' // 全局开启function fn() {'use strict' // 某个函数开启}
全局变量必须声明
禁止使用 with
创建 eval 作用域
禁止 this 指向全局作用域
函数参数不能重名
1-9, promise
异步编程的方式,可以解决回调地狱的问题
特点:有三个状态 pending(正在进行) fulfilled(已经成功)
rejected (已经失败)
结果只有两种可能:pending(正在进行)到 fulfilled(已经成功) --成功---resolve
pending(正在进行)到 rejected (已经失败)---失败---reject
接收一个回调函数 里面有两个参数
const p = new Promise(function (resolve, reject) {
setTimeout(function () {resolve(100)
}, 1000)})
p.then(function(value){
console.log(value);
},function(error){
console.log(error);
})
catch
用来捕获失败,相当于then(undefined,function())或者then(null,function())
promise的状态不会一经确定就不会改变了
2,什么是递归,递归有哪些优点或缺点?
递归函数 -- 高阶函数
如果一个函数,是自己调用自己(直接调用或者间接调用) 这个函数就是递归
简单理解:函数内部自己调用自己, 这个函数就是递归函数
适合大量数据或者数据的反复计算
注意:必须有一个结束条件,结束了,才有结果
function getSty(a){getSty([])
}
优点:结构清晰、可读性强
缺点:效率低、调用栈可能会溢出,其实每一次函数调用会在内存栈中分配空间,而每个进程的栈的容
量是有限的,当调用的层次太多时,就会超出栈的容量,从而导致栈溢出。
3,谈谈你平时都用了哪些方法进行性能优化?
减少http请求次数、打包压缩上线代码、使用懒加载、使用雪碧图、动态渲染组件、CDN加载包。
4,什么是闭包?手写一个闭包函数? 闭包有哪些优缺点?
闭包指有权访问另一个函数作用域中变量的函数。简单理解就是 ,一个作用
域可以访问另外一个函数内部的局部变量。
function fn() {
var num = 10;
function fun() {
console.log(num); }
return fun;
}
var f = fn();
f();
作用:延长变量作用域、在函数的外部可以访问函数内部的局部变量,容易造成内层泄露,因为闭包中
的局部变量永远不会被回收
优点:
1:变量长期驻扎在内存中;
2:避免全局变量的污染;
3:私有成员的存在 ;
缺点:
会造成内存泄露
5,v-for 循环为什么一定要绑定key ?
页面上的标签都对应具体的虚拟dom对象(虚拟dom就是js对象), 循环中 ,如果没有唯一key , 页面上删除一条标签, 由于并不知道删除的是那一条,所以要把全部虚拟dom重新渲染, 如果知道key为x标签被删除掉, 只需要把渲染的dom为x的标签去掉即可
6,Js 中常见的内存泄漏?
1.意外的全局变量
2.被遗忘的计时器或回调函数
3.脱离 DOM 的引用
4.闭包
7,Get 和 post 有什么区别?
Get 是从服务器上获取数据,post 是向服务器传送数据
在客户端,get 通过 url 提交数据,数据在 url 中可以看到,post 方式,
数据放在 html header 中提交
安全性问题 原则上post肯定要比get安全,毕竟传输参数时url不可见
Get 提交数据最多只能有 1024 字节,post 没有限制
2023高频前端面试题(持续更新 含答案)相关推荐
- 2023高频前端面试题总结(附答案)
html与css 1.<img>的title与alt有什么区别 -title是提示文本,鼠标放在图片上提示的文字 -alt 是图片显示不出来时的文字替代,能显示出来就不用替换 2.labe ...
- 下面有关html5标签说法错误的有,前端面试题(2016含答案)
标签定义命令按钮,比如单选按钮.复选框或按钮 8) 下述有关css属性position的属性值的描述,说法错误的是? a. b. c. d. static:没有定位,元素出现在正常的流中 fixed: ...
- 前端面试题汇总(含答案)(HTML+CSS篇)
主要自用,持续更新,相同类型的题目尽量放在了一起,参考的实在太多了就没有列出,侵权烦请联系删除.提示:自动生成的目录在页面右边->>>>>>>>> ...
- 前端面试题汇总(含答案)(JS篇)
主要自用,持续更新,相同类型的题目尽量放在了一起,参考的实在太多了就没有列出,侵权烦请联系删除.提示:自动生成的目录在页面右边---------->>>>>>> ...
- 2023高频前端面试题(含答案)
一.简单页面 1.CSS选择器样式优先级 2.CSS实现三列布局(左右固定宽度,中间自适应) (1)CSS浮动 第一个float:left,第二个float:right,第三个设置margin-lef ...
- 2023最新高频前端面试题总结(附答案)
目录 1.vue双向数据绑定的原理? 2.vue的生命周期有哪些 3.v-if 和v-show有什么区别? 4.async await 是什么?它有哪些作用? 5.数组常用的方法?哪些方法会改变原数组 ...
- Vue进阶(幺零二):面试必备:2023 Vue经典面试题整理(含答案)
组件之间的数据传递 自定义组件 ES6 Promise 用法 VUE输入框事件监听blur与change的差异 Vuex之理解Mutations 与 Vuex 的第一次接触 vue中created.m ...
- 2023高薪前端面试题(一、前端基础——HTTP/HTML/浏览器)
说一下http和https? http:超文本传输协议,是一个基于请求与响应.无状态的应用层协议,以明文方式发送信息,最初设计目的是提供一种发布和接收 HTML 页面的方法. https:是http的 ...
- 前端面试题总结(含部分答案)
前端面试题总结(一直在更) 前言 面试流程 面试题 css html js vue vue3 浏览器 其他 前言 写这篇文章也是想要分享给经验不多没有足够时间准备面试的小伙伴,可以了解我在面试中涉及到 ...
最新文章
- java params 关键字_转载------C# ref 和 out ,params关键字的用法
- LeetCode 1118. 一月有多少天(闰年判断)
- java厨房_JAVA环境搭建,厨房安装图文教程!
- c语言高低位拷贝_C语言指针详解
- 计算机算法设计与分析读后感,算法设计与分析基础经典读后感有感
- POJ 3276 Face The Right Way 反转
- 大魔王覃超解说 2017 Google I/O丨今晚直播!
- 23andme、gsa、wegene各染色体位点统计
- apple iphone 3gs 有锁机 刷机 越狱 解锁 全教程(报错3194,3014,1600,短信发不出去等问题可参考)...
- Fortran入门教程(七)——数组
- 微信小程序关于map地图
- linux patch 给文件打补丁,Linux补丁工具patch生成使用补丁用法示例
- 用python画太阳花的代码_Python画太阳花
- html js 在文本框选择自动计算乘,怎么让JS实现在文本框中输入数字时,同时输出这个数字,并再输出一个乘以0.39的值?...
- threejs道路贴图动画
- AM335X添加声卡驱动max98357a记录_基于TI官方PSDK
- 医学计算机论文,医学图像数据库-外文翻译(计算机论文,医学论文适合)
- 2022美国小非农ADP数据发布时间一览表
- 定制海报、AI扣人像小程序
- 常见算法的时间复杂度 Ο(1)<Ο(log2n)<Ο(n)<Ο(nlog2n)<Ο(n2)<Ο(n3)<…
热门文章
- 前端团队代码规范最佳实践,个人成长必备!
- Win10日语中文系统语言切换及txt、Excel宏乱码原因分析
- 二三四五4位高管 陈于冰董事长 代小虎财务总监 罗绘副总对外对公 邱俊祺董秘 实控人韩猛
- 【陈工笔记】【复盘】# 计算机常规快捷键-专业选手必备 #
- 基于少量样本的快速学习Few-shot learning
- CF--998D. Roman Digits
- 系统性能监控工具ssar实例精选 | 龙蜥SIG
- java毕业设计在线家教预约系统Mybatis+系统+数据库+调试部署
- visio2007使用记录
- 小技巧---ubuntu下截图,截图全屏Prt Sc SysRq,截图当前窗口Alt+Prt Sc SysRq