JavaScript多级继承需手动逐层传参，子类构造函数中用call/apply或super()显式调用父类构造函数并传递对应参数，不可跳过中间层，否则破坏封装性；ES6 class语法强制super()调用且更清晰。
JavaScript 中多级继承的传参本身不靠语言自动支持，而是靠开发者在每一级构造函数中手动用 call 或 apply 向上一级传递参数。没有“自动透传”机制，必须显式控制参数流向。
多级继承中参数如何逐层传递
假设存在三级结构：Grandparent → Parent → Child，每级都需要初始化自己的专属属性，同时也要把必要参数交给上一级。关键在于：子类构造函数里调用父类构造函数时，明确传入所需参数。
-
Grandparent 接收
name -
Parent 接收
name和age，再把name传给Grandparent -
Child 接收
name、age和grade，再把前两者传给Parent
示例代码：
function Grandparent(name) {
this.name = name;
}
Grandparent.prototype.sayName = function() {
console.log('Name:', this.name);
};
function Parent(name, age) {
Grandparent.call(this, name); // ← 把 name 传给祖父类
this.age = age;
}
Parent.prototype = Object.create(Grandparent.prototype);
Parent.prototype.constructor = Parent;
function Child(name, age, grade) {
Parent.call(this, name, age); // ← 把 name 和 age 传给父类
this.grade = grade;
}
Child.prototype = Object.create(Parent.prototype);
Child.prototype.constructor = Child;
为什么不能跳过中间层直接传参
JavaScript 的继承链是单向、线性的，Child 对 Grandparent 没有直接引用关系。如果在 Child 构造函数中直接调用 Grandparent.call(this, ...)，虽然语法可行，但会绕过 Parent 的初始化逻辑（比如 this.age 不会被设置），破坏封装性和可维护性。
立即学习“Java免费学习笔记（深入）”；
- 跳过
Parent.call()→this.age未定义 - 跳过
Grandparent.call()→this.name未定义 - 每一级只负责自己该处理的参数，并决定哪些要继续上抛
ES6 class 中的多级传参更清晰
使用 extends 和 super() 后，语法强制要求子类构造函数必须调用 super()，且参数顺序与父类构造函数签名一致，天然支持多级透传逻辑。
class Grandparent {
constructor(name) {
this.name = name;
}
}
class Parent extends Grandparent {
constructor(name, age) {
super(name); // ← 必须先调用，且只传 name 给祖父类
this.age = age;
}
}
class Child extends Parent {
constructor(name, age, grade) {
super(name, age); // ← 调用 Parent 构造函数，它内部会调用 super(name)
this.grade = grade;
}
}
注意：super() 在 class 中只能调用一次，且必须在访问 this 前执行；参数由开发者按需组织，不是自动转发。
常见陷阱和规避方式
-
漏传参数：如
Parent调用Grandparent.call(this)却没传name，导致this.name为undefined -
参数顺序错乱：
super(a, b)和父类期望的(b, a)不匹配，引发逻辑错误 -
重复初始化：组合继承中因原型赋值 + 构造调用，可能让
Grandparent执行两次（一次在Parent.prototype = new Grandparent()，一次在Parent.call()）→ 应改用Object.create(Grandparent.prototype)避免
