JS中new一个对象|极客笔记

JS中new一个对象

在JavaScript中，我们可以使用new关键字来创建一个新的对象。当我们使用new关键字来实例化一个对象时，实际上是在调用对象的构造函数，然后返回一个新的对象实例。在本文中，我们将详细讨论如何在JavaScript中使用new关键字来创建对象。

构造函数

构造函数是用来创建对象实例的函数。在JavaScript中，我们可以使用构造函数来定义对象的属性和方法，并且可以通过new关键字来实例化一个对象。一个构造函数可以通过function关键字来定义，例如：

function Person(name, age) {
  this.name = name;
  this.age = age;
  this.sayHello = function() {
    console.log(`Hello, my name is  ${this.name} and I am$ {this.age} years old.`);
  }
}

在上面的示例中，我们定义了一个名为Person的构造函数，该构造函数接受两个参数name和age，并用这两个参数来初始化name和age属性。同时，我们还定义了一个sayHello方法，用来打印name和age属性的值。

实例化对象

要创建Person对象的实例，我们可以使用new关键字来调用Person构造函数，并传入相应的参数。例如：

let person1 = new Person('Alice', 25);
let person2 = new Person('Bob', 30);

在上面的示例中，我们分别创建了两个Person对象的实例person1和person2，并传入了不同的参数。这样就可以通过new关键字来实例化一个新的对象。

原型链

在JavaScript中，每个对象都有一个指向原型的内部链接。原型是一个对象，包含共享的属性和方法，可以被对象实例访问。当我们访问一个对象的属性或方法时，如果该对象本身没有定义这个属性或方法，JavaScript会沿着原型链向上查找，直到找到相应的属性或方法为止。

使用构造函数创建的对象实例是通过原型链相互关联的。例如，我们可以将sayHello方法定义在Person的原型上，而不是每次都在构造函数中定义。这样可以节省内存，并且所有的Person实例都可以共享这个方法。

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

Person.prototype.sayHello = function() {
  console.log(`Hello, my name is  ${this.name} and I am$ {this.age} years old.`);
};

在上面的示例中，我们将sayHello方法定义在Person的原型上。这样，无论实例化多少个Person对象，它们都可以共享这个方法。

继承

在面向对象编程中，继承是指一个对象可以继承另一个对象的属性和方法。在JavaScript中，我们可以使用原型链来实现继承。例如，我们可以创建一个Student构造函数，它继承自Person：

function Student(name, age, grade) {
  Person.call(this, name, age);
  this.grade = grade;
}

Student.prototype = Object.create(Person.prototype);
Student.prototype.constructor = Student;

Student.prototype.sayGrade = function() {
  console.log(`I am in grade ${this.grade}.`);
};

let student1 = new Student('Alice', 25, 'A');
student1.sayHello(); // Output: Hello, my name is Alice and I am 25 years old.
student1.sayGrade(); // Output: I am in grade A.

在上面的示例中，我们创建了一个Student构造函数，继承了Person构造函数。我们通过调用Person.call(this, name, age)来在Student构造函数中初始化name和age属性。然后，我们使用Object.create()方法来创建一个Person原型的实例，并将其设置为Student的原型。最后，我们定义了一个sayGrade方法用来输出学生的年级。