2024年前端最全ES6新增语法(四)——面向对象(1)，2024年最新2024web前端经典面试题 vue

❤️ 谢谢支持

喜欢的话别忘了 关注、点赞哦~。

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

Person.prototype.showName = function(){

console.log(‘我叫’,this.name)

}

Person.prototype.showAge = function(){

console.log(‘今年’,this.age,‘岁’)

}

var p = new Person(‘倩倩’,18)

p.showName()

p.showAge()

**ES6面向对象：**将类和构造函数分开。

类：class

构造函数：constructor指生成完实例之后，自己就执行的函数。

class Person{

constructor(name,age){

this.name = name;

this.age = age;

}

//给对象添加方法

showName(){

console.log(‘我叫’,this.name)

}

showAge(){

console.log(‘今年’,this.age,“岁”)

}

}

var p =new Person(‘倩倩’,18);

p.showName();

p.showAge()

面向对象的继承

=======

传统面向对象的继承：

• 使用apply方法，子类继承父类全部属性。

• 使用prototype方法，子类继承父类的方法。

传统面向对象的继承实例如下：

function Person(name,age){

this.name = name;

this.age = age

}

Person.prototype.showName = function(){

console.log(‘我叫’,this.name)

}

Person.prototype.showAge = function(){

console.log(‘今年’,this.age,‘岁’)

}

function Worker(name,age,job){

Person.apply(this,arguments)//继承属性

this.job = job

}

Worker.prototype = new Person();//继承方法

Worker.prototype.showJob = function(){

console.log(‘工作是’,this.job);

}

var w = new Worker(‘倩倩’,18,‘打杂’);

w.showName();

w.showAge();

w.showJob();

ES6面向对象继承：

使用extends实现子类对父级的继承，super()将父类的属性继承过来。

class Person{

constructor(name,age){

this.name = name;

this.age = age;

}

showName(){

console.log(‘我叫’,this.name)

}

showAge(){

console.log(‘今年’,this.age,“岁”)

}

}

class Worker extends Person {

constructor(name,age,job){

专业技能

一般来说，面试官会根据你的简历内容去提问，但是技术基础还有需要自己去准备分类，形成自己的知识体系的。简单列一下我自己遇到的一些题

• HTML+CSS
• JavaScript
• 前端框架
• 前端性能优化
• 前端监控
• 模块化+项目构建
• 代码管理
• 信息安全
• 网络协议
• 浏览器
• 算法与数据结构
• 团队管理
• 开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

最近得空把之前遇到的面试题做了一个整理，包括我本人自己去面试遇到的，还有其他人员去面试遇到的，还有网上刷到的，我都统一的整理了一下，希望对大家有用。

其中包含HTML、CSS、JavaScript、服务端与网络、Vue、浏览器等等

由于文章篇幅有限，仅展示部分内容

试题做了一个整理，包括我本人自己去面试遇到的，还有其他人员去面试遇到的，还有网上刷到的，我都统一的整理了一下，希望对大家有用。

其中包含HTML、CSS、JavaScript、服务端与网络、Vue、浏览器等等

由于文章篇幅有限，仅展示部分内容