Javascript prototype function calling from typescript

Question

I have an Angular app having multiple external JavaScript files included from /app/asset/scripts and working fine while calling from <script> tag. I am trying to call JavaScript function from angular(.ts), but it throws an error. Here is the snippet:

src/app/asser/scripts/viewer.js

function MyView(x, y) {
  //other stuffs
  this.initView(x, y); <---- error here
}

MyView.prototype.initView = function(x, y) {
  console.log("initView");
}

src/app/viewer/viewer-component.ts

declare var MyView: any;

export class myComponent{
  constructor(){}
  init(){
    this.view = MyView(1000, 800);
  }
}

While invoking the initView from JS. It throws the error below:

ERROR TypeError: this.initView is not a function
    at MyView (view.js:69)
    at RendererService.push.i2er.RendererService.SetupURL (viewer0.ts:31)

How this error can be resolved?

Thanks

Does this answer your question? How does the "this" keyword work? — phuzi
– phuzi, Commented Jul 14, 2021 at 8:47

captain-yossarian from Ukraine · Accepted Answer · 2021-07-14 08:27:03Z

4

function MyView(x, y) {
  //other stuffs
  this.initView(x, y); <---- error here
}

MyView.prototype.initView = function(x, y) {
  console.log("initView");
}

MyView is a constructor function.

In order to use this you should call it with new keyword

new MyView(2,2)

I'm not sure that you need declare var MyView: any;

answered Jul 14, 2021 at 8:27

captain-yossarian from Ukraine

33.5k5 gold badges41 silver badges78 bronze badges

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

3 Comments

ahnirab Over a year ago

I tried with removing declare var MyView: any; and new MyView(1000, 800) but still issue persists

captain-yossarian from Ukraine Over a year ago

please share reproducable example in any code sandbox. Pls keep in mind, it is better to share minimum reproducable example

ahnirab Over a year ago

declare var MyView: any; reduces compile error in vscode and new keyword does the trick. thank you.

Collectives™ on Stack Overflow

Javascript prototype function calling from typescript

1 Answer 1

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related