@siliconchild Semantically Object literals and Classes are different thing. Classes are literal syntactical sugar for:
function Car (name){
this.name = name
}
Car.prototype.sound = function(){
console.log("vroom");
}
// class syntax
class Car {
constructor(name){
this.name = name;
}
sound(){
console.log("vroom");
}
}
As I can see you have
constructor() function but you arent instantiating the class, so shouldnt you use static class field instead?
A recent JS proposal is adding
static fields to the class, I think it'd be better for your use case:class Calc {
static sum;
static operatorMemory;
static reset() {
Calc.sum = undefined;
Calc.operatorMemory = undefined;
}
...
Since its a stage 3 proposal and not a standard feature just yet.
So you can still use this
Otherwise its not executed so whatevers inside of it isnt ran either.
If you're interested this is how transpilation works
BTW I like the minimalist design of your calc, goodjob!
Can you also tell me the difference between using
class Calc {
static sum;
static operatorMemory;
static reset() {
Calc.sum = undefined;
Calc.operatorMemory = undefined;
}
}and using a object like this
const calc = {
sum,
operatorMemory,
reset: function reset() {
this.sum = undefined;
this.operatorMemory = undefined;
}
}I am confused when to use which
Honestly, this is more subjective question - many will tell you to use the first one, others will tell you to use the second one as there is no correct answer and both are different design pattern
I personally like to use the first one since it feels more ergonomic to me.
just a different way of writing things without any application difference?
the first one with the class is called a singleton and the second one is called an object literal, right?
When i searched online, I came across these terms
just wanted to make sure my understanding of the terms are correct
@siliconchild So you're essentially starting to dive into the realm of JS Prototyping. And when you "use" the class directly without creating a
new one, you are using class/static methods, whereas when you create a new instance you have access to its prototype/instance methods.
like Array.isArray() vs Array.prototype.find()
can some one point out possible causes
Functions such as being able to do 2+4=(6 )*2 and get 12. ie to use equate in between works on my local server but not on codepen
another functionality is when user does 2+4=(6 ) and then enters a new number the calculator resets itself, this too works on local server and not on codepen
another functionality is when user does 2+4=(6 ) and then enters a new number the calculator resets itself, this too works on local server and not on codepen
link to code https://codepen.io/siliconpen/full/pqogNy
I have used this function to initiate the app
class Event{
........
........
static init() {
document.addEventListener("DOMContentLoaded", function () {
Event.captureInput();
});
}
Event.init();on my local server this doesn't fire and i have to manually run Event.captureInput() in my console to get it woring, on codepen though it works fine
Hello everyone,
in a responsive layout which is arranged by using flexbox, how would I achieve an element to span 100% width, like in the following example?
I want my red background of the ul to span across the whole length in responsive mode.
(Math.pow(10,16) - 1); // 10000000000000000
One way to resolve this would be using string instead of a number.