Is there a way to incorporate a constructor into an arithmetic expression?

Question

Is there a way to incorporate a constructor into an arithmetic expression?

I'm looking to streamline my JavaScript code, specifically when it comes to constructors.

Currently, I have a vector defined as:

function Vector2(X, Y) {
    this.x = 0.0;
    this.y = 0.0;

    if (X)
        this.y = Y;
    if (Y)
        this.y = Y;
}

At the moment, if I want to add two vectors together, I have to do the following:

var vector1 = new Vector2(1.0, 0.5);
var vector2 = new Vector2(4.5, 1.0);

vector1.x += vector2.x;
vector1.y += vector2.y;

I'm aiming to make the code cleaner, more readable, and reduce file size when using multiple constructors. My goal is to write something like this:

vector1 += vector2;

Any assistance would be greatly appreciated. Thank you.

javascript constructor arithmetic-expressions

Answer 1

Answer №1

Here is a possible solution:

function Vector(X, Y) {
    this.x = X || 0.0; // I made your constructor simpler
    this.y = Y || 0.0;
}
Vector.prototype.add = function(v) {
   this.x += v.x;
   this.y += v.y; 
}

Usage would be as follows:

var vector1 = new Vector(4,4);
var vector2 = new Vector(1,3);
vector1.add(vector2);

Answer 2

Here is a possible solution:

function Vector(X, Y) {
    this.x = X || 0.0; // I made your constructor simpler
    this.y = Y || 0.0;
}
Vector.prototype.add = function(v) {
   this.x += v.x;
   this.y += v.y; 
}

Usage would be as follows:

var vector1 = new Vector(4,4);
var vector2 = new Vector(1,3);
vector1.add(vector2);

Answer 3

Answer №2

result = vector1 + vector2;

It seems like you may be mistaken about being able to override operators in JavaScript. Can you provide more details about where you heard this information?

Answer 4

result = vector1 + vector2;

It seems like you may be mistaken about being able to override operators in JavaScript. Can you provide more details about where you heard this information?

Is there a way to incorporate a constructor into an arithmetic expression?

Answer №1

Answer №2

Similar questions

Cypress eliminating the "X-CSRFToken" header

Why is the jQuery class not responding to the is(:visible) selector?

Use jQuery to detect the presence of the class .class, and if it exists, automatically append the same class to a specific #id element on a particular webpage

The first time I tried using React-app, I encountered an error that read "[email protected] postinstall"

Display complete information of the selected list in a modal window by clicking on it in PHP Yii

Troubleshoot: Unable to send or receive messages in Socket.IO Chat

Sorting complex functions in React with Javascript

Issue with toLocaleString() function not functioning correctly within a Pug template

Can we call a function in a directive from a view?

What are the steps to check Drag and Drop functionality using Selenium IDE?

Having trouble with loading image textures in three.js

The execution of JavaScript fetch is experiencing a delay

Angular - Execute a function once the observable has finished

Is dirPagination failing to display pagination links correctly?

CORS preflight request in Express.js was unsuccessful even after enabling CORS

How can I identify a pattern in JavaScript that may include a certain character but cannot end with it using regex?

The ajax datatable is refusing to trigger the php file, despite my attempts at implementing various solutions that have all proven

What is the most efficient way to use the $slice operator on a highly nested array in mongoose

UI-Router is malfunctioning, causing ui-sref to fail in generating the URL

Switch between MMM dd yyy and dd/mm/yyyy date formats easily