Breaking News: Grepper is joining You.com. Read the official announcement!

JavaScript Static Methods

Add Answer

naly moslih answered on April 23, 2022 Popularity 10/10 Helpfulness 2/10

answer JavaScript Static Methods

related static in javascript

related Javascript static

JavaScript Static Methods

Comment

class Car {
  constructor(name) {
    this.name = name;
  }
  static hello() {
    return "Hello!!";
  }
}

let myCar = new Car("Ford");

// You can call 'hello()' on the Car Class:
document.getElementById("demo").innerHTML = Car.hello();

// But NOT on a Car Object:
// document.getElementById("demo").innerHTML = myCar.hello();
// this will raise an error.

Popularity 10/10 Helpfulness 2/10 Language javascript

Source: Grepper

Tags: javascript static-methods

Link to this answer
Share Copy Link

Contributed on May 23 2022

naly moslih

0 Answers Avg Quality 2/10

Closely Related Answers

static in javascript

Comment

-1

/*
 * When using function constructors, you can create
 * a static property by simply using dot notation
 * on the constructor function.
 */
function Point(x, y) {
	this.x = x;
	this.y = y;
}
Point.dist = function(p1, p2) {
	return Math.sqrt(Math.pow(p2.x - p1.x, 2) + Math.pow(p2.y - p1.y, 2));
};
Point.dist(new Point(0, 0), new Point(1, 0));
/*
 * When using classes, you can create a static
 * property using the static keyword.
 */
class Point {
	constructor(x, y) {
		this.x = x;
		this.y = y;
	}
	static dist(p1, p2) {
		return Math.sqrt(Math.pow(p2.x - p1.x, 2) + Math.pow(p2.y - p1.y, 2));
	}
}
Point.dist(new Point(0, 0), new Point(1, 0));

Popularity 10/10 Helpfulness 1/10 Language javascript

Source: Grepper

Tags: javascript j

Link to this answer
Share Copy Link

Contributed on Jun 15 2022

MattDESTROYER

0 Answers Avg Quality 2/10

Javascript static

Comment

-2

class Triple {
  static customName = 'Tripler';
  static description = 'I triple any number you provide';
  static calculate(n = 1) {
    return n * 3;
  }
}

class SquaredTriple extends Triple {
  static longDescription;
  static description = 'I square the triple of any number you provide';
  static calculate(n) {
    return super.calculate(n) * super.calculate(n);
  }
}

console.log(Triple.description);            // 'I triple any number you provide'
console.log(Triple.calculate());            // 3
console.log(Triple.calculate(6));           // 18

const tp = new Triple();

console.log(SquaredTriple.calculate(3));    // 81 (not affected by parent's instantiation)
console.log(SquaredTriple.description);     // 'I square the triple of any number you provide'
console.log(SquaredTriple.longDescription); // undefined
console.log(SquaredTriple.customName);      // 'Tripler'

// This throws because calculate() is a static member, not an instance member.
console.log(tp.calculate());                // 'tp.calculate is not a function'

Popularity 10/10 Helpfulness 1/10 Language javascript

Source: developer.mozilla.org

Tags: javascript j

Link to this answer
Share Copy Link

Contributed on Apr 23 2022

Blue Duck

0 Answers Avg Quality 2/10

JavaScript Static Methods

Contents

More Related Answers

JavaScript Static Methods

Closely Related Answers

static in javascript

Javascript static

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.