Web前端最新JS基础18，前端面试选择题

总结

• 框架原理真的深入某一部分具体的代码和实现方式时，要多注意到细节，不要只能写出一个框架。

• 算法方面很薄弱的，最好多刷一刷，不然影响你的工资和成功率😯

• 在投递简历之前，最好通过各种渠道找到公司内部的人，先提前了解业务，也可以帮助后期优秀 offer 的决策。

• 要勇于说不，对于某些 offer 待遇不满意、业务不喜欢，应该相信自己，不要因为当下没有更好的 offer 而投降，一份工作短则一年长则 N 年，为了幸福生活要慎重选择！！！

  开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

喜欢这篇文章文章的小伙伴们点赞+转发支持，你们的支持是我最大的动力！

}

onOpenCar(){

console.log(this.name+‘开车’);

}

}

class Teacher extends Person{

constructor(name,sex,teachTime){

super(name,sex)

this.teachTime=teachTime

}

onTeache(){

console.log(this.name+‘上课’);

}

}

let dirver1=new Driver(‘张三’,‘男’,17)

dirver1.onOpenCar()

//张三开车

console.log(dirver1);

//Driver {name: ‘张三’, sex: ‘男’, driverTime: 17}

let teach1=new Teacher(‘xiaoming’,‘男’,16)

teach1.onTeache()

//xiaoming上课

console.log(teach1);

//eacher {name: ‘xiaoming’, sex: ‘男’, teachTime: 16}

• super可以调用类上定义的方法

class Person{

static say(){

console.log(‘说话’);

}

}

class Teacher extends Person{

static say(){

super.say()

}

}

Teacher.say()

//结果说话

闭包

=====================================================================

1. 闭包形成条件

• 有函数嵌套

• 内部函数使用外部函数私有变量

• 外部使用返回的内部函数

2. 闭包作用

• 生成一个不被销毁的执行的空间，但存在内存泄漏问题，会形成块作用域

• 外部函数可以使用内部函数的变量

• 保护私有变量，不会污染全局

3. 闭包写法

• 自调用函数

let f2 = (function () {

let num = 100

return function () {

console.log(num);

}

})()

• 显示写法

function fun2(){

let num=100

return function(){

console.log(num);

}

}

let funNew=fun2()

funNew()

• 隐式写法

let fun

function fn(){

let num = 100

fun = function(){

console.log('num ',num);

}

}

fn()

fun()

4. this对象

window.identity=‘the window’

let object={

identity:‘my object’,

getIdentity(){

return function(){

return this.identity

}

}

}

console.log(object.getIdentity());

//一个函数，也就是function(){return this.identity}

console.log(object.getIdentity()());

//the window

闭包中用this会让代码变复杂，这里的identity是全局的window，而不是自己的indentity原因是内部函数不可能直接访问外部函数两个变量，可以在匿名函数前将其保存在_this中

window.identity=‘the window’

let object={

identity:‘my object’,

getIdentity(){

//这里用_this保存

let _this=this

return function(){

return _this.identity

}

}

}

console.log(object.getIdentity());

//一个函数，也就是function(){return this.identity}

console.log(object.getIdentity()());

//my object

5. 私有变量

将私有变量和私有函数封装在构造函数中，再创建访问他们的特权方法

function Person(name){

this.getName=function(){

return name

}

this.setName=function(value){

name=value

}

}

let p1=new Person(‘jack’)

console.log(p1.name);

//undefined

console.log(p1.getName());

//jack

注：name在外面不能访问到，通过在函数里创建方法，通过作用域链访问到name

示例1：

=======================================================================

function getNum(){

let content=0

return function(){

return content+=1

}

}

let num1=getNum()

console.log(num1());

//1

console.log(num1());

//2

//解析以上代码执行步骤可以理解为：

//初始化let content=0

//第一次调用为content=0+1

//第二次调用为content=1+1

//num1()调用=>function(){return content+=1}

let num2=getNum()

console.log(num2());

//1

console.log(num2());

//2

示例2：点赞按钮

===========================================================================

点赞0

点赞0

点赞0

最后

面试一面会问很多基础问题，而这些基础问题基本上在网上搜索，面试题都会很多很多。最好把准备一下常见的面试问题，毕竟面试也相当与一次考试，所以找工作面试的准备千万别偷懒。面试就跟考试一样的，时间长了不复习，现场表现肯定不会太好。表现的不好面试官不可能说，我猜他没发挥好，我录用他吧。

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

96道前端面试题：

• 

常用算法面试题：

• 

前端基础面试题：
内容主要包括HTML，CSS，JavaScript，浏览器，性能优化

• 

很多很多。最好把准备一下常见的面试问题，毕竟面试也相当与一次考试，所以找工作面试的准备千万别偷懒。面试就跟考试一样的，时间长了不复习，现场表现肯定不会太好。表现的不好面试官不可能说，我猜他没发挥好，我录用他吧。

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

96道前端面试题：

• [外链图片转存中…(img-Fzdcf3NO-1715908300847)]

常用算法面试题：

• [外链图片转存中…(img-6aCPIICR-1715908300848)]

前端基础面试题：
内容主要包括HTML，CSS，JavaScript，浏览器，性能优化

• [外链图片转存中…(img-5miYeQxv-1715908300848)]