一道考察 JavaScript 的 Class 知识点的题目，难倒我了，求解

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

这是一个创建于 2195 天前的主题，其中的信息可能已经有所发展或是发生改变。

现有一段代码如下：

class Parent{
   say(){
      console.log('that method called from parent method');
   }
}

class Son extends Parent{
   sayChild(){
      console.log('that method called from son method');
   }
}
Son son = new Son();
son.say();
son.sayChild();

假设现在你不可以使用 extends 关键字来直接继承父类，只给你一个对象，你应该如何完成以下代码块：

class Parent{
   say(){
      console.log('that method called from parent method');
   }
}


var sonObj = {
   sayChild(){
      console.log('that method called from son method');
   }
}

function getSonClassByExtends(sonObj,Parent){
	// finish the function code and make it work
}

var Son = getSonClassByExtends(sonObj,Parent);
Son son = new Son();
son.say();
son.sayChild();

各位前端大佬，这道题应该如何求解，谢谢！

15 条回复 • 2018-11-14 09:27:38 +08:00

zjsxwc

2018-11-13 19:41:27 +08:00 via Android

方法 1：估计是靠古老的 es5 prototype 吧，不过把 es5 与 es6 混合起来写怕是要被同事打死。

方法 2：使用面向对象思想，通过组合代替继承也是可行的

azh7138m

2018-11-13 20:18:42 +08:00

https://babeljs.io/repl#?babili=false&browsers=chrome%2045&build=&builtIns=false&spec=false&loose=false&code_lz=MYGwhgzhAECC0G8BQSC-LSRgIWgUwA8AXPAOwBMZ5kV0g&debug=false&forceAllTransforms=false&shippedProposals=false&circleciRepo=&evaluate=false&fileSize=false&timeTravel=false&sourceType=module&lineWrap=true&presets=es2015&prettier=true&targets=&version=6.26.0&envVersion=1.6.2

是想问 extends 怎么实现的吗？

zhzer

2018-11-13 20:35:19 +08:00 via Android

按顺序 call 构造函数，不就完事了？

neko2

2018-11-13 20:49:28 +08:00

```javascript
function getSonClassByExtends(sonObj,Parent){
// finish the function code and make it work
function son() {}
son.prototype = sonObj;
sonObj.__proto__ = Parent.prototype;
return son;

}
```

msputup

2018-11-13 21:08:58 +08:00

是我孤陋寡闻了？什么时候有 Son son 的写法了？题目本身不难，就是 prototype 原型链的问题。但是 Son son 什么鬼？

autoxbc

2018-11-13 21:34:00 +08:00

function getSonClassByExtends(sonObj,Parent){
return function(){
return Object.assign( new Parent() , sonObj );
}
}

如果 work 就行那也不用搞一堆幺蛾子

BigBrother1024

2018-11-13 21:50:38 +08:00

function getSonClassByExtends(sonObj,Parent){
var F = function() {
F.prototype = Parent.prototype;
sonObj.prototype = new F();
sonObj.prototype.constructor = sonObj;
}
}