javascript 面向对象技术基础教程

1. 标题

JavaScript 面向对象技术基础教程攻略

1. 简介

本文旨在介绍 JavaScript 面向对象技术的基础知识，包括对象、类、继承、多态等概念。通过学习本文，读者将能够掌握 JavaScript 面向对象编程的基本原理，拥有编写高质量的 JavaScript 代码的能力。

1. 对象

在 JavaScript 中，对象是一组键值对的集合，可以通过“{ }”语法定义，也可以通过构造函数或类创建。对象的属性可以是字符串或者 Symbol，值可以是任意类型。对象还可以包含方法，即对象成员函数。

// 通过 {} 定义对象
let person = {
  name: '张三',
  age: 20,
  sayHello: function() {
    console.log('Hello, my name is ' + this.name);
  }
};

// 通过构造函数创建对象
function Person(name, age) {
  this.name = name;
  this.age = age;
  this.sayHello = function() {
    console.log('Hello, my name is ' + this.name);
  }
}
let person = new Person('张三', 20);

1. 类

在 JavaScript 中，类是一种特殊的函数，用于创建对象。类定义通常包含构造函数、属性和方法。类可以通过 ES6 的 class 关键词定义。

class Person {
  constructor(name, age) {
    this.name = name;
    this.age = age;
  }

  sayHello() {
    console.log('Hello, my name is ' + this.name);
  }
}

let person = new Person('张三', 20);
person.sayHello(); // 输出 Hello, my name is 张三

1. 继承

在 JavaScript 中，继承是指一个类从另一个类获取其属性和方法。JavaScript 的继承使用原型链实现。子类的原型对象是父类的实例，子类可以通过原型链访问父类的属性和方法。

class Student extends Person {
  constructor(name, age, grade) {
    super(name, age);
    this.grade = grade;
  }

  study() {
    console.log(this.name + '正在学习');
  }
}

let student = new Student('李四', 18, 1);
student.sayHello(); // 输出 Hello, my name is 李四
student.study(); // 输出 李四正在学习

1. 多态

在 JavaScript 中，多态是指它的子类可以实现父类的方法并覆盖它们的行为。这种技术可以增强代码的复用性和可扩展性。

class Animal {
  constructor(name) {
    this.name = name;
  }

  makeSound() {
    console.log(this.name + '正在发出声音');
  }
}

class Cat extends Animal {
  makeSound() {
    console.log('喵喵喵');
  }
}

class Dog extends Animal {
  makeSound() {
    console.log('汪汪汪');
  }
}

let animals = [new Cat('小猫'), new Dog('小狗')];
for(let animal of animals) {
  animal.makeSound();
}
// 输出
// 喵喵喵
// 汪汪汪

1. 结论

本文介绍了 JavaScript 面向对象编程的基础知识，包括对象、类、继承、多态等概念。通过大量的示例说明，读者可以清晰地理解这些概念，并能够运用到实际的编程中。希望本文能够对读者有所帮助。