Web前端最全JavaScript面向对象(1)，前端工程师面试题目和答案

总结一下

面试前要精心做好准备，简历上写的知识点和原理都需要准备好，项目上多想想难点和亮点，这是面试时能和别人不一样的地方。

还有就是表现出自己的谦虚好学，以及对于未来持续进阶的规划，企业招人更偏爱稳定的人。

万事开头难，但是程序员这一条路坚持几年后发展空间还是非常大的，一切重在坚持。

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

为了帮助大家更好更高效的准备面试，特别整理了《前端工程师面试手册》电子稿文件。

前端面试题汇总

3、面向对象的特征

---

面向对象的特性：

• 封装性；

• 多态性；

• 继承性；

4、面向过程和面向对象的对比

---

1、面向对象

• 优点：易维护、易复用、易扩展，由于面向对象有封装、继承、多态性的特性，可以设计出低耦合的系统，使系统 更加灵活、更加易于维护

• 缺点：性能比面向过程低

2、面向过程

• 优点：性能比面向对象高，适合跟硬件联系很紧密的东西，例如单片机就采用的面向过程编程。

• 缺点：没有面向对象易维护、易复用、易扩展

二、ES6 中的类和对象

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

1、对象

---

现实生活中：万物皆对象，对象是一个具体的事物，看得见摸得着的实物。例如，一本书、一辆汽车、一个人可以是“对象”，一个数据库、一张网页、一个与远程服务器的连接也可以是“对象”。

在 JavaScript 中，对象是一组无序的相关属性和方法的集合，所有的事物都是对象，例如字符串、数值、数组、函数等。

对象是由属性和方法组成的：

属性：事物的特征，在对象中用属性来表示（常用名词）

方法：事物的行为，在对象中用方法来表示（常用动词）

2、类

---

在 ES6 中新增加了类的概念，可以使用 class 关键字声明一个类，之后以这个类来实例化对象。

类抽象了对象的公共部分，它泛指某一大类（class）。

对象特指某一个，通过类实例化一个具体的对象 。

面向对象的思维特点:

抽取（抽象）对象共用的属性和行为组织(封装)成一个类(模板)，对类进行实例化, 获取类的对象。

3、创建类

---

语法：

class name {

// class body

}

创建实例：

var xx = new name();

注意： 类必须使用 new 实例化对象

4、类 constructor 构造函数

---

constructor()方法是类的构造函数(默认方法)，用于传递参数,返回实例对象，通过new命令生成对象实例时，自动调用该方法。如果没有显示定义, 类内部会自动给我们创建一个constructor()

语法：

class Person {

constructor(name,age) { // constructor 构造方法或者构造函数

this.name = name;

this.age = age;

}

}

创建实例：

var wh = new Person(‘王欢’, 18);

console.log(wh.name);

打印结果为：

5、类添加方法

---

语法：

class Person {

constructor(name,age) { // constructor 构造器或者构造函数

this.name = name;

this.age = age;

}

say() {

console.log(this.name + ‘你好’);

}

}

创建实例：

var P1 = new Person(‘王欢’，‘18’);

P1.say();

输出结果为：

注意： 方法之间不能加逗号分隔，同时方法不需要添加 function 关键字。

三、类的继承

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

1、继承

---

现实中的继承：子承父业，比如我们都继承了父亲的姓。

程序中的继承：子类可以继承父类的一些属性和方法。

语法：

class Father{ // 父类

}

class Son extends Father { // 子类继承父类

}

实例：

class Father {

constructor(surname) {

this.surname= surname;

}

say() {

console.log(‘你的姓是’ + this.surname);

}

}

class Son extends Father{ // 这样子类就继承了父类的属性和方法

常用的JavaScript设计模式

• 单体模式

• 工厂模式

• 例模式

  

函数

• 函数的定义

• 局部变量和全局变量

• 返回值

• 匿名函数

• 自运行函数

• 闭包

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