JS : multiple symbols as property

JS-multiple-symbols-as-property.js

'APPLICATION' in Symbol || Reflect.set(Symbol, 'APPLICATION', { configurable: false, enumerable: false, value: Symbol(`APPLICATION#${+new Date}`) });
'COMPONENTS' in Symbol || Reflect.set(Symbol, 'COMPONENTS', { configurable: false, enumerable: false, value: Symbol(`COMPONENTS#${+new Date}`) });
'COMPONENT' in Symbol || Reflect.set(Symbol, 'COMPONENT', { configurable: false, enumerable: false, value: Symbol(`COMPONENT#${+new Date}`) });
class A {
    get [Symbol.COMPONENTS]() {
        return 'ALL';
    }
    get [Symbol.COMPONENT]() {
        return 'ONE';
    }
}
let a = new A();
console.log(Symbol.COMPONENT === Symbol.COMPONENTS);
console.log(a[Symbol.COMPONENTS], a[Symbol.COMPONENT]);
let b = {
    [Symbol.COMPONENTS]: 'ALL',
    [Symbol.COMPONENT]: 'ONE',
};
console.log(b[Symbol.COMPONENTS], b[Symbol.COMPONENT]);
let c = {};
c[Symbol.COMPONENTS] = 'ALL';
c[Symbol.COMPONENT] = 'ONE';
console.log(c[Symbol.COMPONENTS], c[Symbol.COMPONENT]);



//
//
//  The Outputs
//
// false
// ONE ONE
// ONE ONE
// ONE ONE

TypeScrip version

declare global
{
    interface ConstructorLike<T extends {}>
    {
        new(...args: any[]): T;
    }

    interface SymbolConstructor
    {
        readonly APPLICATION: symbol;
        readonly COMPONENTS: symbol;
        readonly COMPONENT: symbol;
    }
}

'APPLICATION' in Symbol || Reflect.set(Symbol, 'APPLICATION', {configurable: false, enumerable: false, value: Symbol(`APPLICATION#${+new Date}`)});
'COMPONENTS' in Symbol || Reflect.set(Symbol, 'COMPONENTS', {configurable: false, enumerable: false, value: Symbol(`COMPONENTS#${+new Date}`)});
'COMPONENT' in Symbol || Reflect.set(Symbol, 'COMPONENT', {configurable: false, enumerable: false, value: Symbol(`COMPONENT#${+new Date}`)});


class A
{
    public get [Symbol.COMPONENTS]()
    {
        return 'ALL';
    }
    public get [Symbol.COMPONENT]()
    {
        return 'ONE';
    }
}

let a: A = new A();

console.log(Symbol.COMPONENT === Symbol.COMPONENTS);
console.log(a[Symbol.COMPONENTS], a[Symbol.COMPONENT]);

let b = {
    [Symbol.COMPONENTS]: 'ALL',
    [Symbol.COMPONENT]: 'ONE',
};
console.log(b[Symbol.COMPONENTS], b[Symbol.COMPONENT]);

let c = <any>{};
c[Symbol.COMPONENTS] = 'ALL';
c[Symbol.COMPONENT] = 'ONE';
console.log(c[Symbol.COMPONENTS], c[Symbol.COMPONENT]);


//
//
//  The Outputs
//
// false
// ONE ONE
// ONE ONE
// ONE ONE