extending an interface question Typescript/js

Question

I have to create a shape interface that has four field three numbers and a view I think i can do this with two interfaces and extending the one ,the view i need to be able to be undefined as all shapes dont always have a view. The view itself has properties indexShape , height , and moveToFront . Since every shape is not displayed on every level, the view may be undefined I have the below code but i am unsure if this is the correct way?? any help would be appreciated new to typescript

    interface view{
    indexShape?:any;
    height?:number;
    moveToFront?:any;
}

interface shape extends view{
numerator: number;
denominator: number;
dropZone: number;

};

interface that has four field three numbers and a view Missing mapping of view, I guess. Also, if you extend, you are inheriting all properties. This is helpful when view can be inheritted to more than one shape interface. If not, I'd suggest IShape { view?: view; ... }. Also note I infront of interface name. That is a good convention. So it should be interface IShape extends IView — Rajesh Dixit
– Rajesh Dixit, Commented Mar 18, 2019 at 16:36

Paleo · Accepted Answer · 2019-03-18 16:44:45Z

1

all shapes dont always have a view.

So, there is no inheritance.

interface View {
  indexShape: any;
  height: number;
  moveToFront: any;
}

interface Shape {
  view?: View;
  numerator: number;
  denominator: number;
  dropZone: number;
}

answered Mar 18, 2019 at 16:44

Paleo

24k5 gold badges74 silver badges84 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Paleo Over a year ago

@mKalita I'm happy to help. Do not forget to validate my answer.

Collectives™ on Stack Overflow

extending an interface question Typescript/js

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related