$ mol_strict: Et moi [object Object] votre NaN indéfini‼

Bonjour, je m'appelle Dmitry Karlovsky et je ... ne pardonne pas les erreurs. Dès que je le vois, je lance immédiatement quelque chose d' extrêmement lourd. Et à quel point le travail d'un programmeur JS est difficile ...

class Foo extends Object {}
const foo = new Foo

`, ${ foo }!`
// " [object Object]!"

`     ${ foo / 1000 }  .`
// "     NaN  ."

`  "${ 'foo'[4] }" - .`
// "  "undefined" - ."

`  ${ foo.length - 1 }     .`
// "  NaN     ."
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
    

Il existe plusieurs façons de soulager sa souffrance.

1. Couvrez-vous d'un texte dactylographié. Mais pendant l'exécution, les pieds restent nus et quelqu'un marche toujours dessus.
2. Pour imposer des chèques. Mais vous hésitez un peu et le râteau d'exécution frappe immédiatement la tête.
3. Réparez JS. N'espérez même pas.
4. Correction du runtime JS. Eh bien, réfléchissons ...

Les problèmes de typage dynamique JS se posent pour 2 raisons principales:

• Conversion de type automatique (et parfois inappropriée) lorsqu'une valeur d'un type est utilisée dans un contexte destiné à un autre.
• Renvoie undefined comme valeur des champs non déclarés.

. JS , . . , :

Object.prototype[ Symbol.toPrimitive ] = function() {
    throw new TypeError( `Field Symbol(Symbol.toPrimitive) is not defined` )
}
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
    

, , Symbol.toPrimitive



.

, . - … - ! … , .

- , . JS — . , :

export let $mol_strict_object = new Proxy( {}, {

    get( obj: object, field: PropertyKey, proxy: object ) {
        const name = JSON.stringify( String( field ) )
        throw new TypeError( `Field ${ name } is not defined` )
    },

})
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
    

, prototype



Object



, , . Object.prototype



— null



. Object



:

:

for( const name of Reflect.ownKeys( $ ) ) {
    // ...
}
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
    

, :

const func = Reflect.getOwnPropertyDescriptor( globalThis, name )!.value
if( typeof func !== 'function' ) continue
if(!( 'prototype' in func )) continue
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
    

, globalThis[name]



, .

, Object



:

const proto = func.prototype
if( Reflect.getPrototypeOf( proto ) !== Object.prototype ) continue
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
    

, , Object.prototype



:

Reflect.setPrototypeOf( proto, $mol_strict_object )
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
    

, , . , .

, , Object, , EventTarget, .

CSSStyleDeclaration



: ( , ), , , 89 style



dom-:

( <div style={{ color: 'red' }} /> ).outerHTML // <div></div>
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
    

.

… :

class Foo {}
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
    

. :

class Foo extends Object {}
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
    

… . Object



:

globalThis.Object = function $mol_strict_object( this: object, arg: any ) {
    let res = Object_orig.call( this, arg )
    return this instanceof $mol_strict_object ? this : res
}

Reflect.setPrototypeOf( Object, Reflect.getPrototypeOf({}) )
Reflect.setPrototypeOf( Object.prototype, $mol_strict_object )
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
    

, Object



, .

, ...

class Foo extends Object {}
const foo = new Foo

`, ${ foo }!`
// TypeError: Field "Symbol(Symbol.toPrimitive)" is not defined

`     ${ foo / 1000 }  .`
// TypeError: Field "Symbol(Symbol.toPrimitive)" is not defined

`  "${ 'foo'[4] }" - .`
// TypeError: Field "4" is not defined

`  ${ foo.length - 1 }     .`
// TypeError: Field "length" is not defined
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
    

, , :

, - . — .

, : JavaScript ?.

: $mol_strict.

NPM - :

import "mol_strict"
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
    

:

require("mol_strict")
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
    

$mol : $mol: Usage from NPM ecosystem.

JS , :

• ( . , , , .)
• UfoStation Chat ( — .)

, _jinnin , JS, UX .