Как сделать класс ES6 окончательный (не-subclassible)

Question

Предположим, что мы имеем:

class FinalClass { 
    ... 
} 

Как изменить его, чтобы сделать

class WrongClass extends FinalClass { 
    ... 
} 

или

new WrongClass(...) 

генерировать исключение ? Возможно, наиболее очевидным решением является следующее в конструкторе FinalClass в:

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

Кто-нибудь есть более чистое решение, а не повторять эти строки в каждом классе, которые должны быть окончательными (вероятно, с декоратор)?

Answer 1

Осмотрите this.constructor в конструкторе FinalClass и выбросьте, если он не является самим собой. (Заимствование осмотр this.constructor вместо this.constructor.name от @Patrick Робертса.)

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

В качестве альтернативы, при поддержке, использовать new.target. Спасибо @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

______

Как вы говорите, вы можете также достичь такого поведения с декоратором.

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

Как поделился в комментариях Патрик Робертс декоратор синтаксис @final еще в предложении. Он доступен с Babel и babel-plugin-transform-decorators-legacy.

Answer 2

constructor.name достаточно легко обмануть. Просто сделайте подкласс такое же имя, как суперкласса:

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! 
 
}())

Лучше проверить сам constructor:

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 
 
}())