js中new的作用是什么

前言: 在 JavaScript 中，new 是一个关键字，它用于创建一个新的对象实例。当我们使用 new 操作符调用某个函数时，JavaScript 会执行以下步骤： 1. 创建一个空对象； 2. 将这个新创建的对象的原型指向构造函数的 prototype； 3. 将构造函数的作用域赋给这个新对象（因此 this 就指向了这个新对象）； 4. 执行构造函数中的代码（为新对象添加属性和方法）； 5. 返回新对象。 使用 new 操作符创建对象的过程称为实例化，被实例化的函数称为构造函数。构造函数使用 new 操作符来创建对象，而普通函数可以直接调用。 下面将从创建对象、设置原型链、绑定构造函数以及返回对象四个方面来详细解答 new 的作用。 创建对象： new 关键字的主要作用是创建一个新的对象实例。在 JavaScript 中，对象是由属性和方法组成的数据结构。通过使用 new 操作符，我们可以根据一个特定的构造函数创建一个新的对象，并将其赋值给一个变量。 例如，我们有一个构造函数 Person，用于创建一个人的对象实例：

function Person(name, age) {
  this.name = name;
  this.age = age;
}
var person1 = new Person('Alice', 25);

在上面的代码中，我们使用 new 关键字创建了一个名为 person1 的 Person 对象实例。通过构造函数 Person，我们可以为对象实例设置 name 和 age 属性。这个对象实例可以用来存储与人相关的数据。 设置原型链： 通过 new 关键字创建的对象实例还会自动设置一个原型链。原型链是 JavaScript 中的一个重要概念，它允许对象继承属性和方法。 在 JavaScript 中，每个对象都有一个原型对象（prototype）。原型对象包含了该对象共享的属性和方法。当我们创建一个新对象实例时，这个新对象的原型会指向构造函数的 prototype 属性。 例如，我们可以给 Person 构造函数添加一个方法 greet，这个方法可以被 Person 的所有实例共享：

function Person(name, age) {
  this.name = name;
  this.age = age;
}
Person.prototype.greet = function() {
  console.log('Hello, my name is ' + this.name);
}
var person1 = new Person('Alice', 25);
person1.greet(); // 输出 "Hello, my name is Alice"

在上面的代码中，我们通过在 Person 的原型对象上添加一个 greet 方法，实现了所有 Person 实例共享该方法。通过 person1.greet()，我们可以把 greet 方法应用到 person1 实例上。 绑定构造函数： new 关键字还用于将构造函数与其他函数绑定。在 JavaScript 中，我们可以使用构造函数来创建自定义对象类型。 例如，我们可以创建一个名为 Dog 的构造函数，并将它与一个名为 Animal 的函数绑定：

function Animal() {
  this.species = 'animal';
}
function Dog(name) {
  this.name = name;
}
Dog.prototype = new Animal();
var dog1 = new Dog('Buddy');
console.log(dog1.name); // 输出 "Buddy"
console.log(dog1.species); // 输出 "animal"

在上面的代码中，我们通过将 Dog 的原型对象设置为一个新的 Animal 对象，实现了 Dog 继承了 Animal 的属性。通过 new Dog('Buddy')，我们创建了一个名为 dog1 的 Dog 对象实例。这个实例继承了 Animal 的 species 属性，并且具有自己的 name 属性。 返回对象： 最后，new 关键字还会返回一个新创建的对象实例。我们可以将这个对象实例赋值给一个变量，以便在代码中进一步使用。 例如，我们可以创建一个构造函数并返回一个包含属性和方法的新对象实例：

function Database() {
  this.data = [];
  this.insert = function(item) {
    this.data.push(item);
  };
}
var db = new Database();
db.insert('apple');
console.log(db.data); // 输出 ["apple"]

在上面的代码中，构造函数 Database 使用 new 关键字被实例化，并返回一个包含 data 属性和 insert 方法的新对象。我们可以使用 db 变量引用这个对象实例，并调用 insert 方法。 综上所述，new 关键字在 JavaScript 中的作用是创建对象实例、设置原型链、绑定构造函数，以及返回创建的对象实例。通过 new 操作符，我们可以轻松地创建自定义对象，并在代码中使用这些对象。