The instanceof operator does not recognize the value as an instance and is returning false, even though it

Question

The instanceof operator does not recognize the value as an instance and is returning false, even though it

Is there a method to verify the current instance being used?

This is what I am logging to the console:

import { OrthographicCamera } from 'three';

// Later in the file:

console.log(camera instanceof OrthographicCamera, camera);

and the result is false, but when I check the value of camera, I see this:

https://i.stack.imgur.com/gDJ9o.png

I'm unsure why it indicates that the camera isn't an instance, so is there a way to gather more information on what it actually represents?

This is where the camera is initialized:

export function Camera(options?: CameraOptions) {
  return function (target: new () => object) {
    return class GameCamera extends target {
      readonly camera!: Camera;  
      constructor() {
        super();
        const dim = this.cameraDimensions();

        // create the Three camera
        this.camera = new OrthographicCamera(dim.left, dim.right, dim.top, dim.bottom, options?.near ?? 0, options?.far ?? 100);
      }
    }
  }
}}

The camera is created within the Decorator and added to the gameObjects array. When I access the activeCamera, it refers to the above decorator extending target.

This is where I perform the instanceof comparison:

@Injectable({ providedIn: 'root' })
export class Camera {
  get activeCamera() {
    return Engine.activeCamera;
  }

  mouseToWorldPoint(mousePoint: Vector3) {
    if (this.activeCamera) {
      // Here is the verification:
      console.log(camera instanceof OrthographicCamera, camera);
    }
  }
}

This is how the camera is retrieved:

export class Engine {
  static gameObjects: GameObject[] = [];
  static get activeCamera() {
    return this.gameObjects.find(i => i.gameObjectType === 'camera' && i.isActive === true) as GameCamera | undefined;
  };
}

I have organized the project into multiple npm workspaces:

{
  "name": "game-engine",
  "version": "1.0.0",
  "scripts": {
    "start": "npm run start --workspace=test"
  },
  "workspaces": [
    "test",
    "packages/core",
    "packages/common",
    "packages/input",
    "packages/objects"
  ]
}

2 of the workspaces depend on modules from the three module.

class GameCamera belongs to the packages/objects module (creates the camera).
class Camera belongs to the packages/common module (verifies the instance).

Note: This setup has been functioning like this for some time and this issue seems to have recently surfaced.

javascript typescript

Answer 1

Answer №1

To resolve the issue at hand, I took the following steps within the packages/core package: I included an export statement to export threejs.

index.ts (@engine/core)

import * as Three from 'three';
export { Three };

Subsequently, whenever I needed to utilize threejs in another package, I simply referenced the core package like so:

@engine/objects/something.ts

import { Three } from '@engine/core';

export class CreateObject {
  constructor(){
    this.obj = new Three.Object3D();
  }
}

Answer 2

To resolve the issue at hand, I took the following steps within the packages/core package: I included an export statement to export threejs.

index.ts (@engine/core)

import * as Three from 'three';
export { Three };

Subsequently, whenever I needed to utilize threejs in another package, I simply referenced the core package like so:

@engine/objects/something.ts

import { Three } from '@engine/core';

export class CreateObject {
  constructor(){
    this.obj = new Three.Object3D();
  }
}

The instanceof operator does not recognize the value as an instance and is returning false, even though it

Answer №1

Similar questions

Angular HttpClient mapping causes the removal of getters from the target object

"Patience is key when waiting for the alert dialog response in Vuetify

Activate continuous speech identification

I came across a fascinating finding during my JavaScript studies, but its origin remains a mystery to

What is the capability of dynamically generating an index in Typescript?

Steps for adjusting the matMenuTriggerFor area so it only triggers when hovering over the arrow

Offering a limited selection of generic type options in TypeScript

JavaScript - Not a Number

Experiencing problems with the Locale setting when utilizing the formatNumber function in Angular's core functionalities

What is the process for getting non-event javascript instructions to function properly once a DOM element has been added

Is there a way to utilize the 'interval' Rxjs function without triggering the Change Detection routine?

How can I simulate keyboard events in Angular using a button click?

Transform them into async/await in JavaScript

Building a Model Class with redux-orm and TypeScriptCreating a new Model Class with

An effective way to mimic an un-exported (private) function within a user module using Jest

What is the best way to create a continuous loop of images on a never-ending

Adjusting the alignment of Bootstrap navbar items upon clicking the toggle button

Just systems that have been positively identified

JavaScript method to prevent users from entering numbers as the first two characters, with all subsequent characters being numbers only

What is the method for setting and comparing collectionsjs equality?