Published
Edited
Mar 15, 2022
class ClassWithInstanceField {
instanceField = 'instance field'
}
(new ClassWithInstanceField()).instanceField
class ClassWithStaticField {
static staticField = 'static field'
}
ClassWithStaticField.staticField
class SubClassWithStaticField extends ClassWithStaticField {
static subStaticField = 'sub class field'
}
[SubClassWithStaticField.subStaticField, SubClassWithStaticField.staticField]
class ClassWithPublicInstanceMethod {
publicMethod() {
return 'hello world'
}
}
(new ClassWithPublicInstanceMethod()).publicMethod()
class SubClasswithPublicInstanceMethod extends ClassWithPublicInstanceMethod {
subPublicMethod () {
return 'hello subPublicMethod'
}
subPublicMethodUsingBase () {
return 'sub ' + super.publicMethod()
}
}
{
const instance = new SubClasswithPublicInstanceMethod();
return [instance.subPublicMethod(), instance.subPublicMethodUsingBase()]
}
class ClassWithPrivateField {
#privateField;
}
class ClassWithPrivateMethod {
#privateMethod() {
return 'hello world';
}
}
class ClassWithPrivateStaticField {
static #PRIVATE_STATIC_FIELD;
}
class ClassWithPrivateStaticMethod {
static #privateStaticMethod() {
return 'hello world';
}
}
calculatorMixin = Base => class extends Base {
calc() { return 'calc'}
};
randomizerMixin = Base => class extends Base {
randomize() { return 'randomize' }
};
class Foo { }
class Bar extends calculatorMixin(randomizerMixin(Foo)) { }
(new Bar()).calc()
(new Bar()).randomize()
(new (calculatorMixin(randomizerMixin(Foo))))
Type JavaScript, then Shift-Enter. Ctrl-space for more options. Arrow ↑/↓ to switch modes.
Purpose-built for displays of data
Observable is your go-to platform for exploring data and creating expressive data visualizations. Use reactive JavaScript notebooks for prototyping and a collaborative canvas for visual data exploration and dashboard creation.
