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

一时失言乱红尘 2023-07-08 09:01 73阅读 0赞

### 文章目录 ###

*   *   *  面向过程编程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类和对象，创建类和对象等，这是自己的学习笔记，仅代表自己的观点，还请各位指教。如果想了解更多，请扫描下面二维码：  
![在这里插入图片描述][20200108141410110.png]

[20200108141410110.png]: https://img-blog.csdnimg.cn/20200108141410110.png