js中必须要掌握的面向对象的编程思想

最新推荐文章于 2022-07-03 17:57:12 发布

拾玥花开

最新推荐文章于 2022-07-03 17:57:12 发布

阅读量408

点赞数

分类专栏：前端 js 文章标签：封装多态编程语言 javascript es6

本文链接：https://blog.csdn.net/weixin_44691513/article/details/108540761

版权

前端同时被 2 个专栏收录

90 篇文章 8 订阅

订阅专栏

39 篇文章 1 订阅

订阅专栏

文章目录

- - js中必须要掌握的面向对象的编程思想

js中必须要掌握的面向对象的编程思想

什么是面向对象

面向对象程序设计（oop）是种具有对象概念的程序编程典范。它可能包含数据、属性、方法。对象则指的是类的实例。它将对象作为程序的基本单元，将程序和数据封装其中，以提高软件的重用性、灵活性和扩展性，对象里的程序可以访问及修改对象相关连的数据。

类与对象

类是一组相关的属性和行为的集合。类就是对一些具有共性特征，并且行为相似的个体的描述。（比如小李和老张都有姓名、年龄、身高、体重等一些属性，并且两人都能够进行聊天、运动等相似的行为。）
成员变量 - 事物的属性
成员方法 - 事物的行为
对象是该类事物的具体表现形式。具体存在的个体。
Var 对象名 = new 类名();

面向过程和面向对象

面向过程强调的是一件事情“该怎么做” 强调一次成型，是连续性的。
面向对象是一件事情“该让谁做”，然后那个谁就是对象。
解决问题模块：面向过程，函数；面向对象，对象。
解决问题中心角度：面向过程，How,“如何做？”（流程封装为函数，“如何”就是过程，谁来做仅是参数）；面向对象，Who，“谁来做？”（“谁”就是对象，如何做是他自己的操作，多个对象协同完成任务）。
解决问题步骤角度：面向过程，先具体逻辑细节，后抽象问题整体；面向对象，先抽象问题整体，后具体逻辑细节。
复用层次角度：面向过程，方法层复用；面向对象，对象层复用。

举个例子：

人吃饭这个例子

假如我们使用的是面向过程的思维，我们肯定是定义一个函数，函数的名字是eat，然后输出人吃饭。这里我们强调的是吃这个过程。

如果我们使用的是面向对象的思维，我们就会new一个对象，在对象中定义方法

//面向对象
        class Car {
          constructor(color, seat, gang) {
            this.color = color;
            this.seat = seat;
            this.gang = gang;
          }
          run() {
            console.log("kevin开着" + this.color + "的车！它是" + this.gang);
          }
        }
        let audi = new Car("黑色", "5座", "12缸");
        audi.run();

        let nisan = new Car("红色", "5座", "4缸");
        nisan.run();

        let olo = new Car("白色", "5座", "8缸");
        olo.run();