JavaScript构造函数继承示例:利用call方法实现子类属性复用
作者:青柠时间:2026-10-25 09:24:22浏览:382
本文通过具体代码示例,演示如何在JavaScript中利用构造函数实现继承。核心步骤包括定义父类Person和子类Student,并通过call方法在子类构造函数中调用父类构造函数,从而将父类属性复制到子类实例中,实现属性复用。
JavaScript构造函数继承示例:利用call方法实现子类属性复用
代码如下:
首先创建父类
function Person(name, age, address) {
this.name = name;
this.age = age;
this.address = address;
}
// 创建子类
function Student(score) {
this.score = score;
// 可以使用 call 方法或 apply 方法来调用父类的构造函数
// 通过 call 方法调用父类 Person 的构造函数,这会在 Student 实例中初始化 Person 对象的属性副本,使 Student 拥有这些属性
Person.call(this, "zhangsan", 22, "中国北京!");
}
var student = new Student(100);
alert(student.address + student.score + "分"); // 上述 Person.call 方法调用中,第二个参数开始为传递的数据参数
作者最新文章
ES6模块化中js文件怎么用import和export交互
2026-11-05 17:00:48
JS读取本地文件时报错或无响应的常见原因
2026-11-05 16:32:31
let、const与var的区别:JavaScript变量声明最佳实践
2026-11-05 14:16:38
JS中直接定义静态二维数组的字面量写法
2026-11-05 14:16:08
JS 怎么查找字符串中所有匹配项的位置
2026-11-05 14:15:53
