正文

JavaScript 构造函数轻松入门：实例化对象，掌握创建自定义类的技巧

/0 浏览量
0630

在 JavaScript 中，构造函数是一种特殊的函数，用于创建对象。通过使用构造函数，我们可以创建具有相同属性和方法的对象。本文将带你轻松入门 JavaScript 构造函数，教你如何实例化对象，并掌握创建自定义类的技巧。

一、构造函数简介

构造函数是一种特殊的函数，其名称以大写字母开头，通常与 new 关键字一起使用。构造函数的主要作用是初始化新创建的对象。

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

var person1 = new Person('张三', 20);
var person2 = new Person('李四', 25);

在上面的例子中，Person 是一个构造函数，它接受两个参数：name 和 age。通过使用 new 关键字，我们可以创建两个 Person 对象：person1 和 person2。

二、实例化对象

实例化对象是指使用构造函数创建一个新对象的过程。在上面的例子中，我们已经创建了两个 Person 对象。

var person3 = new Person('王五', 30);

在上面的代码中，我们再次使用 new 关键字创建了一个新的 Person 对象 person3。

三、创建自定义类

在 ES6（ECMAScript 2015）及更高版本中，我们可以使用 class 关键字创建自定义类。下面是使用 class 关键字创建 Person 类的示例：

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

  sayHello() {
    console.log(`你好，我的名字是 ${this.name}，我今年 ${this.age} 岁。`);
  }
}

var person4 = new Person('赵六', 35);
person4.sayHello(); // 输出：你好，我的名字是 赵六，我今年 35 岁。

在上面的例子中，我们使用 class 关键字创建了一个 Person 类。该类包含一个构造函数和一个 sayHello 方法。

四、继承

在 JavaScript 中，我们可以使用 extends 关键字实现类的继承。下面是一个使用继承创建 Student 类的示例：

class Student extends Person {
  constructor(name, age, grade) {
    super(name, age);
    this.grade = grade;
  }

  sayGrade() {
    console.log(`我现在的年级是 ${this.grade}。`);
  }
}

var student1 = new Student('孙七', 18, '高三');
student1.sayHello(); // 输出：你好，我的名字是 孙七，我今年 18 岁。
student1.sayGrade(); // 输出：我现在的年级是 高三。

在上面的例子中，Student 类继承自 Person 类。在 Student 类的构造函数中，我们使用 super 关键字调用父类的构造函数，并初始化 name 和 age 属性。同时，我们还添加了一个新的属性 grade。

五、总结

通过本文的学习，你现在已经掌握了 JavaScript 构造函数的基本用法，包括实例化对象、创建自定义类、继承等。希望这些知识能帮助你更好地掌握 JavaScript 编程。

-- 展开阅读全文 --