7.面向对象-CSDN博客

本文链接：https://blog.csdn.net/m0_72928968/article/details/129591548

这篇博客详细介绍了JavaScript中的面向对象编程，包括类、属性、方法、构造函数、封装、多态和继承等概念。通过类可以创建具有特定属性和方法的对象，实现数据的封装以保证安全性。还讨论了原型对象、继承的实现以及`instanceof`和`hasOwn`的用法，最后总结了面向对象编程的基本步骤和对象的分类。

摘要由CSDN通过智能技术生成

面向对象

面向对象编程（OOP）
1. 程序是干嘛的？
- 程序就是对现实世界的抽象（照片就是对人的抽象）
2. 对象是干嘛的？
- 一个事物抽象到程序中后就变成了对象
- 在程序的世界中，一切皆对象
3. 面向对象的编程
- 面向对象的编程指，程序中的所有操作都是通过对象来完成
- 做任何事情之前都需要先找到它的对象，然后通过对象来完成各种操作

心仪的女人：王老五
- 一个事物通常由两部分组成：数据和功能
- 一个对象由两部分组成：属性和方法
- 事物的数据到了对象中，体现为属性
- 事物的功能到了对象中，体现为方法
- 数据：
姓名
年龄
身高
体重
- 功能：
睡
吃

const five = {
   
     // 添加属性
     name:"王老五",
     age:48,
     height:180,
     weight:100,

     // 添加方法
     sleep(){
   
         console.log(this.name + "睡觉了~")
     },

     eat(){
   
         console.log(this.name + "吃饭了~")
     }
}

类

使用Object创建对象的问题：
1. 无法区分出不同类型的对象
2. 不方便批量创建对象
在JS中可以通过类（class）来解决这个问题：
1. 类是对象模板，可以将对象中的属性和方法直接定义在类中
定义后，就可以直接通过类来创建对象
2. 通过同一个类创建的对象，我们称为同类对象
可以使用instanceof来检查一个对象是否是由某个类创建
如果某个对象是由某个类所创建，则我们称该对象是这个类的实例
语法：
class 类名 {} // 类名要使用大驼峰命名
const 类名 = class {}
通过类创建对象
new 类()

// const Person = class {}

// Person类专门用来创建人的对象
class Person{
   

}

// Dog类式专门用来创建狗的对象
class Dog{
   

}


const p1 = new Person()  // 调用构造函数创建对象
const p2 = new Person()

const d1 = new Dog()
const d2 = new Dog()

console.log(p1 instanceof Person) // true
console.log(d1 instanceof Person) // false



const five = {
   
    // 添加属性
    name: "王老五",
    age: 48,
    height: 180,
    weight: 100,

    // 添加方法
    sleep() {
   
        console.log(this.name + "睡觉了~")
    },

    eat() {
   
        console.log(this.name + "吃饭了~")
    },
}


const yellow = {
   
    name: "大黄",
    age: 3,
    sleep() {
   
        console.log(this.name + "睡觉了~")
    },

    eat() {
   
        console.log(this.name + "吃饭了~")
    },
}

属性

类是创建对象的模板，要创建第一件事就是定义类

class Person{
   
    /* 
        类的代码块，默认就是严格模式，
            类的代码块是用来设置对象的属性的，不是什么代码都能写
    */
   name = "孙悟空" // Person的实例属性name p1.name
   age = 18       // 实例属性只能通过实例访问 p1.age

   static test = "test静态属性" // 使用static声明的属性，是静态属性（类属性） Person.test
   static hh = "静态属性"   // 静态属性只能通过类去访问 Person.hh

}

const p1 = new Person() // 调用构造函数创建对象
const p2 = new Person()

console.log(p1)
console.log(p2)

方法

class Person{
   

    name = "孙悟空"

    // sayHello = function(){
   

    // } // 添加方法的一种方式

    sayHello(){
   
        console.log('大家好，我是' + this.name)