Wie ES6 Klasse final (non-subclassible)

Question

Angenommen, wir machen müssen:

class FinalClass { 
    ... 
} 

Wie es ändern, eine Ausnahme zu machen

class WrongClass extends FinalClass { 
    ... 
} 

oder

new WrongClass(...) 

zu erzeugen ? Vielleicht ist die naheliegendste Lösung ist die folgende im Konstruktor des FinalClass zu tun:

if (this.constructor !== FinalClass) { 
    throw new Error('Subclassing is not allowed'); 
} 

Hat jemand eine sauberere Lösung anstatt diese Zeilen in jeder Klasse zu wiederholen, dass (wahrscheinlich mit einem Dekorateur) endgültig sein soll?

Answer 1

Inspizieren Sie this.constructor im Konstruktor FinalClass und werfen Sie, wenn es nicht selbst ist. (Borrowing Inspektion der this.constructor statt this.constructor.name von @Patrick Robert.)

class FinalClass { 
 
    constructor() { 
 
    if (this.constructor !== FinalClass) { 
 
     throw new Error('Subclassing is not allowed') 
 
    } 
 
    console.log('Hooray!') 
 
    } 
 
} 
 

 
class WrongClass extends FinalClass {} 
 

 
new FinalClass() //=> Hooray! 
 

 
new WrongClass() //=> Uncaught Error: Subclassing is not allowed

Alternativ mit Unterstützung, new.target verwenden. Danke @loganfsmyth.

class FinalClass { 
 
    constructor() { 
 
    if (new.target !== FinalClass) { 
 
     throw new Error('Subclassing is not allowed') 
 
    } 
 
    console.log('Hooray!') 
 
    } 
 
} 
 

 
class WrongClass extends FinalClass {} 
 

 
new FinalClass() //=> Hooray! 
 

 
new WrongClass() //=> Uncaught Error: Subclassing is not allowed

______

Wie Sie sagen, können Sie auch dieses Verhalten mit einem Dekorateur erreichen.

function final() { 
 
    return (target) => class { 
 
    constructor() { 
 
     if (this.constructor !== target) { 
 
     throw new Error('Subclassing is not allowed') 
 
     } 
 
    } 
 
    } 
 
} 
 

 
const Final = final(class A {})() 
 

 
class B extends Final {} 
 

 
new B() //=> Uncaught Error: Subclassing is not allowed

Als Patrick Roberts in den Kommentaren ist der Dekorateur Syntax @final geteilt noch in Vorschlag. Es ist verfügbar mit Babel und babel-plugin-transform-decorators-legacy.

Answer 2

constructor.name ist einfach genug zu spoof. So stellen Sie die Unterklasse die gleichen Namen wie die übergeordneten Klasse:

class FinalClass { 
 
    constructor() { 
 
    if (this.constructor.name !== 'FinalClass') { 
 
     throw new Error('Subclassing is not allowed') 
 
    } 
 
    console.log('Hooray!') 
 
    } 
 
} 
 

 
const OopsClass = FinalClass 
 

 
;(function() { 
 
    class FinalClass extends OopsClass {} 
 

 
    const WrongClass = FinalClass 
 

 
    new OopsClass //=> Hooray! 
 

 
    new WrongClass //=> Hooray! 
 
}())

besser zu überprüfen, die constructor selbst:

class FinalClass { 
 
    constructor() { 
 
    if (this.constructor !== FinalClass) { 
 
     throw new Error('Subclassing is not allowed') 
 
    } 
 
    console.log('Hooray!') 
 
    } 
 
} 
 

 
const OopsClass = FinalClass 
 

 
;(function() { 
 
    class FinalClass extends OopsClass {} 
 

 
    const WrongClass = FinalClass 
 

 
    new OopsClass //=> Hooray! 
 

 
    new WrongClass //=> Uncaught Error: Subclassing is not allowed 
 
}())