ES6学习笔记（一）：轻松搞懂面向对象编程、类和对象

@

目录

• 面向过程编程P OP(Process oriented programming)
• 面向对象编程OOP(Object Oriented Programming)
• ES6中的类和对象
  • 面向对象
  • 1、对象
  • 2、类class
  • 3、创建类
  • 4、 创建对象
  • 5、类添加方法
• 总结

面向过程编程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) //蓝风

创建类和对象的几点注意事项：

1. 通过class关键字创建类，类名我们还是习惯性定义首写字母大写
2. 类里面有个constructor函数，可以接受传递过来的参数，同时返回实例对象
3. constructor 函数只要new生成实例时，就会自动调用这个函数，如果我们不写这个函数，类也会自动生成这个函数
4. 生成实例 new 不能省略
5. 最后注意语法规范，创建类 类名后面不要加小括号，生成实例 类名后面要加小括号，构造函数不需要加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() // 蓝风你好

添加类方法注意事项：

1. 我们类里面的所有函数不需要写function
2. 多个函数方法之间不需要添加逗号分隔

总结

这篇文章主要介绍了面向过程编程和面向对象编程各自的优缺点，ES6类和对象，创建类和对象等，这是自己的学习笔记，仅代表自己的观点，还请各位指教。如果想了解更多，请扫描下面二维码：