ES6学习笔记（一）：轻松搞懂面向对象编程、类和对象
2020-02-25 本文已影响0人
前端岚枫
面向过程编程P OP(Process oriented programming)
面向过程就是分析出解决问题的步骤，然后用函数把这些步骤一步一步实现，使用的时候再一个一个的依次调用就可以了。
- 优点：性能比面向对象高，适合跟硬件联系很紧密的东西，例如单片机就采用的面向过程编程
- 缺点：没有面向对象易维护、易复用、易扩展。
面向对象编程OOP(Object Oriented Programming)
面向对象是把事务分解成为一个个对象，然后由对象之间分工与合作。
面向对象编程具有灵活性、代码可复用、容易维护和开发的优点，更适合多人合作的大型软件项目
- 优点：易维护、易复用、易扩展，由于面向对象有封装、继承、多态性的特性，可以设计出低耦合的系统，使系统更加灵活、更加易于维护
- 缺点： 性能比面向过程低
ES6中的类和对象
面向对象
面向对象的思维特点：
- 抽取（对象）对象共用的属性和行为组织（封装）成一个类（模板）
- 对类进行实例化，获取类的对象
1、对象
现实生活中：万物皆对象，对象是一个具体的事物，看得见摸得着的实物。
在javascript中，对象是一组无序的相关属性和方法的集合，所有的事物都是对象，例如：字符串、数组、数值、函数等。
对象是由属性和方法组成的：
- 属性： 事物的特征，在对象中用属性来表示
- 方法： 事物的行为，在对象中用方法来表示
2、类class
在ES6中新增加了类的概念，可以使用class关键字声明一个类，之后以这个类来实例化对象。
类抽象了对象的公共部分，它泛指某一大类（class）
对象特指某一个，通过类实例化一个具体的对象。
3、创建类
语法：
class name {
//class body
}
创建实例：
var xx = new name() //类必须使用new实例化对象
4、 创建对象
constructor()的方法是类的构造函数（默认方法），用于传递参数，返回实例对象，通过new命令生成对象实例时，自动调用该方法，如果没有显示定义，类内部会自动给我们创建一个constructor()
//创建类class
class Star {
constructor(uname) {
this.uname = uname
}
}
// 利用类创建对象 new
let b = new Star('蓝风')
console.log(b) //蓝风
创建类和对象的几点注意事项：
- 通过class关键字创建类，类名我们还是习惯性定义首写字母大写
- 类里面有个constructor函数，可以接受传递过来的参数，同时返回实例对象
- constructor 函数只要new生成实例时，就会自动调用这个函数，如果我们不写这个函数，类也会自动生成这个函数
- 生成实例 new 不能省略
- 最后注意语法规范，创建类 类名后面不要加小括号，生成实例 类名后面要加小括号，构造函数不需要加function
5、类添加方法
class Person {
constructor(name, age) {
this.name = name
this.age = age
}
say () {
console.log(this.name + '你好')
}
}
let person1 = new Person('蓝风', 28)
person1.say() // 蓝风你好
添加类方法注意事项：
- 我们类里面的所有函数不需要写function
- 多个函数方法之间不需要添加逗号分隔
总结
这篇文章主要介绍了面向过程编程和面向对象编程各自的优缺点，ES6类和对象，创建类和对象等，这是自己的学习笔记，仅代表自己的观点，还请各位指教。如果想了解更多，请扫描下面二维码：
在这里插入图片描述
