Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/417.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 创建具有该父类的子类属性的子类';s类对应属性_Javascript_Angularjs_Oop_Typescript - Fatal编程技术网

Javascript 创建具有该父类的子类属性的子类';s类对应属性

Javascript 创建具有该父类的子类属性的子类';s类对应属性,javascript,angularjs,oop,typescript,Javascript,Angularjs,Oop,Typescript,TypeScript为上述代码提供了以下错误: class TableController { constructor(public x,public y){} } class Table { public controller = TableController; } class SquareTableController extends TableController{ constructor(public x, public y, public z){

TypeScript为上述代码提供了以下错误:

class TableController {
    constructor(public x,public y){}
}
class Table  {
    public controller = TableController;
}

class SquareTableController extends TableController{
  constructor(public x, public y, public z){
      super(x,y);
      /* do other stuff with z */
  }
}
class SquareTable extends Table{
    public controller = SquareTableController;
}
注意SquareTableController在其构造函数中有一个额外的参数

如何在TypeScript中进行这样的继承设置?我非常确定我在C#和Java中做过非常类似的事情

操场可用

冒号
用于类型批注。 对于类型批注,您需要使用冒号
,而不是等号
=

TS2415: Class "SquareTable" incorrectly extends base class "Table". 
  Types of property "controller' are incompatible. 
  Type 'typeof SquareTableController' is not assignable to type 'typeof TableController'.
对于对象分配,等于
=
新建。
如果目标是执行赋值而不是类型注释,那么我们可以在调用构造函数时使用等号

class TableController {
    constructor(public x, public y) {}
}

class Table {
    // type annotation
    public controller: TableController;
}

class SquareTableController extends TableController {
  constructor(public x, public y, public z) {
      super(x, y);
  }
}

// type annotation
class SquareTable extends Table {
    public controller: SquareTableController;
}

你到底想在这里干什么?您是否打算引用类(
controller=TableController
)而不是实例(
controller=new TableController()
)?@NitzanTomer,是的,我故意引用类,而不是类的实例。这是创建AngularJS组件时的标准约定。您的代码在playdy.Hmm中编译得很好。我在操场上也很好。让我与我的项目的原始版本进行比较。现在就开始调查。我认为这可能是因为SquareTableController的构造函数可能与TableController的构造函数不同
class TableController {
    constructor(public x, public y) {}
}

class Table {
    // object assignment
    public controller = new TableController(1, 2);
}

class SquareTableController extends TableController {
  constructor(public x, public y, public z) {
      super(x, y);
  }
}

class SquareTable extends Table {
    // object assignment
    public controller = new SquareTableController(1,2,3);
}