JavaScript 面向对象基础简单示例

首先，我们需要了解JavaScript中的面向对象编程思想，以及使用它的基础语法。JavaScript中的面向对象编程依赖于对象、属性和方法的概念，而不是严格的类和实例化。

创建对象

在JavaScript中，可以使用对象字面量的方式创建对象，也可以通过构造函数方式创建对象。对象字面量是一种简单的创建对象的方式，它使用大括号括起来的属性和值的列表来定义一个对象。如下：

let person = {
  name: 'Tom',
  age: 21,
  sayHello: function() {
    console.log('Hello, my name is ' + this.name);
  }
};

构造函数是一种常见的创建对象的方式，可以通过使用 new 关键字来实例化该构造函数并创建一个对象。如下：

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('Tom', 21);

继承

在JavaScript中，可以使用原型继承来实现继承。基本思想是让一个构造函数的原型指向另一个构造函数的实例，从而实现继承。如下：

function Animal(name) {
  this.name = name;
}

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

function Dog(name) {
  Animal.call(this, name);
}

Dog.prototype = Object.create(Animal.prototype);
Dog.prototype.constructor = Dog;

let dog = new Dog('Buddy');
dog.sayHello();

在上面的示例中，我们定义了两个构造函数：Animal 和 Dog。Dog 继承了 Animal 的属性和方法，包括 sayHello 方法。然后我们创建一个 Dog 的实例并调用其 sayHello 方法。

另一个示例：

class Shape {
  constructor(color) {
    this.color = color;
  }

  getColor() {
    return this.color;
  }
}

class Circle extends Shape {
  constructor(radius, color) {
    super(color);
    this.radius = radius;
  }

  getArea() {
    return Math.PI * Math.pow(this.radius, 2);
  }
}

let circle = new Circle(5, 'red');
console.log('Area of circle is ' + circle.getArea());
console.log('Circle color is ' + circle.getColor());

在上面的示例中，我们使用ES6中的 class 关键字定义了两个类：Shape 和 Circle。Circle 继承了 Shape 的属性和方法，其中构造函数通过调用基类的构造函数来处理其参数。我们创建圆的实例并调用其 getArea 和 getColor 方法，以获取其面积和颜色。