new 的用法

new 是 JavaScript 中常用的关键字之一,它有多种用法和含义。在本文中,我们将讨论 new 的用法、使用方法、案例说明以及详细介绍。

1. new 用法和含义

在 JavaScript 中,new 关键字用于创建一个对象,它与 Constructor(构造函数)紧密相关。new 关键字的作用是实例化一个构造函数,创建一个该构造函数类型的新对象,并返回对该对象的引用。在创建新实例对象之前,new 会自动将这个构造函数的 prototype 属性赋给新对象的 __proto__ 属性。这也就意味着,通过 new 创建的实例对象可以访问构造函数的属性和方法,以及该构造函数原型链中的属性和方法。

2. new 使用方法

new 运算符的语法如下所示:

```

new constructor[([arguments])]

```

其中,constructor 指构造函数,arguments 表示向构造函数传递的参数,这是可选的。你可以使用 new 运算符来创建一个对象,例如:

```

function Person(name, age) {

this.name = name;

this.age = age;

}

const p1 = new Person("Alice", 22);

console.log(p1.name); // Alice

console.log(p1.age); // 22

```

上面的代码中,我们创建了一个名为 Person 的构造函数,该函数接受两个参数 name 和 age 。我们使用 new 关键字创建了一个新的 Person 实例对象,向构造函数传递了两个参数 "Alice" 和 22。 因为我们没有在构造函数中指定返回值,所以 new 运算符返回的是一个新的 Person 对象。

3. new 的案例说明

一、创建自定义对象

使用 new 关键字可以方便地创建自定义对象。比如我们可以使用构造函数来创建一个自定义对象 Lettuce,示例代码如下:

```

function Lettuce(name, price) {

this.name = name;

this.price = price;

}

const lettuce1 = new Lettuce('Iceberg Lettuce', 2.99);

const lettuce2 = new Lettuce('Romaine Lettuce', 3.99);

console.log(lettuce1); // { name: 'Iceberg Lettuce', price: 2.99 }

console.log(lettuce2); // { name: 'Romaine Lettuce', price: 3.99 }

```

二、继承父类的属性和方法

通过 new 关键字可以创建一个子类实例,从而继承父类的属性和方法。例如,下面的代码演示了如何定义一个父类 Animal 和一个子类 Cat,以及如何使用 new 关键字创建 Cat 的实例。

```

// 父类 Animal

function Animal(name) {

this.name = name;

}

Animal.prototype.shout = function() {

console.log('Animal shout!');

};

// 子类 Cat

function Cat(name) {

Animal.call(this, name); // 调用Animal构造函数

}

Cat.prototype = Object.create(Animal.prototype); // 继承Animal的原型

Cat.prototype.constructor = Cat; // 修改构造函数指向

Cat.prototype.meow = function() {

console.log(`${this.name} meow~`);

};

// 创建Cat实例

const tom = new Cat('Tom');

console.log(tom.name); // Tom

tom.meow(); // Tom meow~

tom.shout(); // Animal shout!

```

上面的代码中,我们定义了一个 Animal 父类,其构造函数接收一个 name 参数,用于存储动物名称,并在其原型上添加了一个 shout 方法。接下来,我们定义了一个 Cat 子类,该子类继承了 Animal 父类的构造函数和原型,并且在 Cat 的原型上定义了一个 meow 方法。最后,我们使用 new 关键字创建了一个 tom 实例,该实例既是 Cat 类型,也继承了 Animal 的属性和方法。

4. 总结

本文介绍了 JavaScript 中 new 关键字的用法、使用方法、案例说明以及详细介绍。简而言之,new 运算符用于实例化构造函数,创建一个该构造函数类型的新对象,并返回对该对象的引用。使用 new 关键字可以方便地创建自定义对象、继承父类的属性和方法等。 如果你喜欢我们三七知识分享网站的文章, 欢迎您分享或收藏知识分享网站文章 欢迎您到我们的网站逛逛喔!https://www.37seo.cn/

点赞(88) 打赏

评论列表 共有 2 条评论

思念因你有了厚度。 1年前 回复TA

来会让人心生畏惧,但是我们却不能因为习惯了过去,就逃回过去。

我病态见不得别人恩爱 1年前 回复TA

好运气,这是懒汉对劳动者的成果的估价。

立即
投稿
发表
评论
返回
顶部