javascript 原型 代码示例

xl1407

温馨提示:这篇文章已超过288天没有更新,请注意相关的内容是否还可用!

javascript  原型 代码示例

JavaScript中的原型是一个对象,它包含了共享属性和方法的定义。每个JavaScript对象都有一个原型,可以通过使用原型链来访问和继承这些共享属性和方法。原型对象可以作为其他对象的基础,通过原型继承,子对象可以共享父对象的属性和方法。

下面是一个示例代码,演示了如何使用原型来创建对象和继承属性和方法:

// 创建一个Person对象的构造函数

function Person(name, age) {

this.name = name;

this.age = age;

}

// 在Person的原型上定义一个共享的方法

Person.prototype.greet = function() {

console.log("Hello, my name is " + this.name);

};

// 创建一个Student对象的构造函数,继承自Person

function Student(name, age, major) {

Person.call(this, name, age); // 调用父类的构造函数

this.major = major;

}

// 使用原型继承,将Student的原型设置为Person的实例

Student.prototype = Object.create(Person.prototype);

// 在Student的原型上定义一个自己的方法

Student.prototype.study = function() {

console.log("I am studying " + this.major);

};

// 创建一个Person对象并调用共享方法

var person = new Person("Alice", 25);

person.greet(); // 输出:Hello, my name is Alice

// 创建一个Student对象并调用父类和自己的方法

var student = new Student("Bob", 20, "Computer Science");

student.greet(); // 输出:Hello, my name is Bob

student.study(); // 输出:I am studying Computer Science

在上面的示例中,我们首先定义了一个Person对象的构造函数,并在其原型上定义了一个greet方法。然后,我们定义了一个Student对象的构造函数,使用Object.create方法将Student的原型设置为Person的实例,实现了继承。我们创建了一个Person对象和一个Student对象,并分别调用了它们的方法。

通过原型,我们可以将共享的属性和方法定义在原型对象上,而不是每次创建对象时都复制一份,这样可以节省内存空间。通过原型链,子对象可以继承父对象的属性和方法,实现了代码的重用和扩展。

文章版权声明:除非注明,否则均为莫宇前端原创文章,转载或复制请以超链接形式并注明出处。

取消
微信二维码
微信二维码
支付宝二维码