javascriptに名前の文字列がある場合、クラスにアクセスするには？ JavaScriptでは

Question

、私は2列myAppとmy-appを持っているとmyAppが本当にHTMLElementを拡張するクラスの名前で、my-appは、そのクラスのタグ名であると言われた、どのように私はそれを確認するためにJavaScriptを使用できるかどうか（クラスがあると仮定して既に定義されている）？

これは本当にすでに

class myApp extends HTMLElement { 
    constructor() { 
     super(); 
    } 
} 

customElements.define('my-app', myApp); 

それは、このようなPolymer.Elementとして、他の何かを延長することができることは可能ですけれども、基本的に、それは（myAppはクラスであり、HTMLElementを拡張しないことを確認する必要が定義されていた場合は基本的にテストに合格しなければなりません、そして病棟では、最終的には、それは延長する必要がありますHTMLElement）。

次に、my-appがそのクラスのタグ名であることを確認する必要があります。

これはどのようにjavascriptで行うことができますか？

eval("myApp")を試しましたが、動作しませんでした。

Answer 1

を行うことができ、それを考え出しました。最初の部分のための

class myApp extends HTMLElement { 
 
    constructor() { 
 
    super() 
 
    } 
 
} 
 
customElements.define('my-app', myApp) 
 

 
console.log(customElements.get('my-app') === myApp) //true

Answer 2

classがclassがSyntaxErrorを投げたりconsole.assert()を使用すべきconstを使用してmyAppを宣言しようとすることで宣言されていると、チェックは、同じスコープ内で実行されるべき存在とextendsHTMLElementかどうかをチェックします。

最初の部分が確認されたら、要素を作成し、.isプロパティまたは作成した要素の.tagNameを確認することができます。

class myApp extends HTMLElement { 
 
    constructor() { 
 
     super(); 
 
    } 
 
} 
 

 
customElements.define('my-app', myApp); 
 

 
// string 
 
let str = "myApp"; 
 
// get the object, if the object exists 
 
const myApp_ = new Function(`return ${str}`)(); 
 
// check if `myApp` exists 
 
console.assert(myApp_ === void 0 
 
, myApp_ 
 
, [`${myApp_} is defined` 
 
    , new RegExp(`${str} extends HTMLElement`).test(`${myApp_}`)]);

Answer 3

[OK]を私は、私はちょうどあなたは、そのタグ名からカスタム要素のクラスを取得するためにcustomElements.get()を使用することができます

var worked = false; 
    var claimedClassName = 'myApp'; 
    var claimedElementName = 'my-app'; 

    try { 
     const r = new Function(`return ${claimedClassName}`)(); 
     if (!(r.prototype instanceof HTMLElement)) { 
      throw new Error('Class is not instance of HTMLElement'); 
     } 
     var a = new r(); 
     if (a.tagName.toLowerCase() != claimedElementName.toLowerCase()) { 
      throw new Error('Tagname does not match'); 
     } 
     worked = true; 
    } catch (err) { 
     alert(err.message + "\n" + err.stack); 
    } 

    if (worked) alert("pass!") 
    else alert("fail!");