快速入门:JavaScript 构造函数模式,小白也能秒懂!
1. 简介
JavaScript 构造函数模式是一种创建对象的强大方法。通过使用构造函数,您可以创建具有相同属性和方法的对象实例。构造函数是用于创建对象的函数,它可以接受参数,并将这些参数分配给对象实例的属性。
2. 创建构造函数
要创建一个构造函数,您只需声明一个函数,并使用 new
关键字调用它。例如,以下代码创建了一个名为 Person
的构造函数:
function Person(name, age) {
this.name = name;
this.age = age;
}
在上面的示例中,Person
构造函数接受两个参数:name
和 age
。这些参数被分配给对象实例的 name
和 age
属性。
3. 创建对象实例
要创建对象实例,您只需使用 new
关键字调用构造函数。例如,以下代码创建一个名为 person1
的 Person
对象实例:
var person1 = new Person("John", 30);
在上面的示例中,person1
对象实例具有两个属性:name
和 age
。name
属性的值为 "John",age
属性的值为 30。
4. 访问对象实例的属性和方法
您可以使用点运算符 (.) 来访问对象实例的属性和方法。例如,以下代码访问 person1
对象实例的 name
和 age
属性:
console.log(person1.name); // John
console.log(person1.age); // 30
您也可以使用点运算符 (.) 来调用对象实例的方法。例如,以下代码调用 person1
对象实例的 sayHello
方法:
person1.sayHello(); // Hello, my name is John!
5. 构造函数的原型
每个构造函数都有一个原型对象。原型对象包含构造函数的所有属性和方法。当您创建对象实例时,该实例将继承原型对象的所有属性和方法。例如,以下代码显示了 Person
构造函数的原型对象:
console.log(Person.prototype);
在上面的示例中,Person.prototype
对象包含两个属性:name
和 age
。这些属性是从 Person
构造函数继承的。
6. 继承
您可以使用继承来创建新的构造函数,该构造函数从现有构造函数继承属性和方法。例如,以下代码创建了一个名为 Student
的构造函数,该构造函数从 Person
构造函数继承:
function Student(name, age, major) {
Person.call(this, name, age);
this.major = major;
}
Student.prototype = Object.create(Person.prototype);
在上面的示例中,Student
构造函数使用 Person.call(this, name, age)
语句来调用 Person
构造函数。这将把 name
和 age
参数传递给 Person
构造函数,并创建一个具有这些属性的 Person
对象实例。然后,Student
构造函数使用 this.major = major
语句来设置 major
属性。
接下来,Student.prototype
被设置为 Object.create(Person.prototype)
的值。这将创建一个新的对象,该对象从 Person.prototype
对象继承属性和方法。这意味着 Student
对象实例将具有 name
、age
和 major
属性。
7. 结语
JavaScript 构造函数模式是一种创建对象的强大方法。通过使用构造函数,您可以创建具有相同属性和方法的对象实例。您还可以使用继承来创建新的构造函数,该构造函数从现有构造函数继承属性和方法。
免责声明:
① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。
② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341