面向初学者的构造函数编程例题.docxVIP

面向初学者的构造函数编程例题

在面向对象编程的世界里，构造函数扮演着至关重要的角色，它如同一个对象的“出生证明”，决定了对象最初的形态和属性。对于初学者而言，理解并熟练运用构造函数，是迈向量级编程思维的重要一步。本文将通过几个贴近实际的例题，由浅入深地带你领略构造函数的魅力与实用价值。

一、从一个简单需求开始：创建“人”的对象

假设我们需要在程序中表示多个“人”，每个人都有姓名和年龄这两个基本信息。如果不用构造函数，我们可能会这样做：

letperson1={

name:张三,

age:25

};

letperson2={

name:李四,

age:30

};

这种方式在创建少量对象时尚可应付，但当需要创建大量相似对象时，不仅代码冗余，而且难以维护。此时，构造函数的价值便凸显出来。

例题1：定义一个简单的构造函数`Person`

需求：创建一个构造函数`Person`，用于生成具有`name`和`age`属性的人物对象。

解答：

functionPerson(name,age){

this.name=name;

this.age=age;

}

使用方法：

要创建`Person`的实例，需要使用`new`关键字：

letperson1=newPerson(张三,25);

letperson2=newPerson(李四,30);

console.log(person1.name);//输出：张三

console.log(person2.age);//输出：30

解释：

*当我们调用`newPerson(张三,25)`时，JavaScript引擎会创建一个新的空对象。

*然后，将这个新对象的`this`上下文绑定到构造函数`Person`。

*接着，执行构造函数内部的代码，为`this`（即新对象）添加`name`和`age`属性，并赋值为传入的参数。

*最后，返回这个新对象（除非构造函数显式返回一个对象）。

二、为对象添加方法：让“人”动起来

对象不仅仅有属性，还应该有行为（方法）。我们可以在构造函数内部为对象实例添加方法。

例题2：为`Person`构造函数添加方法

需求：为`Person`构造函数添加一个`greet`方法，该方法返回一个问候语字符串，例如：“大家好，我叫张三，今年25岁。”

分析：在构造函数内部，通过`this.方法名=function(){...}`的方式为每个实例添加方法。

解答：

functionPerson(name,age){

this.name=name;

this.age=age;

this.greet=function(){

return`大家好，我叫${this.name}，今年${this.age}岁。`;

};

}

使用方法：

letperson1=newPerson(张三,25);

console.log(person1.greet());//输出：大家好，我叫张三，今年25岁。

思考：这种方式定义的方法，每个实例都会拥有一份独立的函数副本。如果创建大量实例，会造成内存浪费。有没有更优的方式呢？答案是使用原型（prototype），但这已超出本例题范畴，初学者可先掌握此基础用法。

三、构造函数的进阶：参数与默认值

实际应用中，我们可能需要处理参数缺失的情况，为构造函数的参数设置默认值能让函数更健壮。

例题3：带默认参数的`Person`构造函数

分析：可以在函数参数或函数体内进行判断和赋值。

解答：

functionPerson(name,age){

this.name=name;

//如果age未提供或为undefined，则设置为未知

this.age=age||未知;

this.greet=function(){

return`大家好，我叫${this.name}，今年${this.age}岁。`;

};

}

使用方法：

letperson3=newPerson(王五);//只提供name

console.log(person3.greet());//输出：大家好，我叫王五，今年未知岁。

注意：`age||未知`这种写法对于`age`为`0`或`false`等falsy值也会取到未知，这可能不是预期的。更严谨的方式可以使用`typeofage===undefined`来判断。

this.age=typeofage===undefined?未知:age;

四、构造函数的意义与注意事项