js中实例与对象的区别讲解

JS中，实例和对象都是面向对象编程的概念，但它们有着不同的含义。

实例与对象的区别

对象

对象是JS中非常重要且常见的数据类型。它可以是一个简单的数据类型，也可以是一个数组，函数等组合类型，甚至可以是由其他对象组成的复杂类型。每个对象都有一个自己的属性和方法，这些方法和属性可以被对象访问和修改。以下是一个简单对象的例子：

let person = {
  name: "张三",
  age: 30,
  gender: "男",
  sayHello: function() {
    console.log('你好，我是'+this.name);
  }
}

上述代码中，person就是一个对象，其中包含了name、age、gender三个属性和一个sayHello方法。

实例

实例是一个复合数据类型的特定实现，它是由一个构造函数创建的。例如，可以定义一个Person构造函数，用来创建人类：

function Person(name, age, gender) {
  this.name = name;
  this.age = age;
  this.gender = gender;
  this.sayHello = function() {
    console.log('你好，我是'+this.name);
  }
}

上述代码中，Person是一个构造函数，用来定义一个人类类型，通过this关键词为该类型的实例创建不同的属性和方法。

那么通过该构造函数我们可以创建Person类型的实例：

let person1 = new Person('张三', 30, '男');
let person2 = new Person('李四', 25, '女');

上述代码中，person1和person2就是通过Person构造函数创建的实例。

从上述代码中可以看出，在对构造函数Person使用new关键字时会创建一个新的实例并返回该实例，实例会继承构造函数的属性和方法。

示例说明

示例1

以下是一个简单对象的示例：

let book = {
  title: 'JavaScript权威指南',
  author: 'David Flanagan',
  price: 99,
  getDescription: function() {
    return this.title + '是一本'+this.author+'写的书，价格为'+this.price+'元。';
  }
}

代码中，book对象有三个属性：title、author和price，以及一个getDescription方法，用于获取对象的描述信息。

示例2

以下是一个用构造函数创建实例的示例：

function Person(name, age, gender) {
  this.name = name;
  this.age = age;
  this.gender = gender;
  this.sayHello = function() {
    console.log('你好，我是'+this.name);
  }
}

let person1 = new Person('张三', 30, '男');
let person2 = new Person('李四', 25, '女');

代码中，Person是一个构造函数，用于创建人类类型的实例，通过this关键词为该类型的实例创建不同的属性和方法，之后通过new关键字创建了两个实例person1和person2。